时间戳

首页 > 解决方案 > 引导流体容器未调整大小

bootstrap-4 - 引导流体容器未调整大小

问题描述

我正在构建一个非常简单的网站，我需要将其扩展到移动设备。我试图使用 container-fluid 类来实现这一点——它绝对不会在移动设备或较小的屏幕上调整大小。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="newsplash.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">



</head>
<body>

<div class="logo"><img src="doubleslogo.png" width="200px"></div>

<div class="container-fluid"><div class="para1"> <div class="copy1">MY TEXT HERE<br><br></div></div></div>

</html></body>

这是一个简单得可笑的网站，我无法想象是什么导致了冲突。有任何想法吗？

标签： bootstrap-4

解决方案

推荐阅读