Question

我在此视口中使用Bootstrap 4：

<meta name="viewport" content="width=device-width, initial-scale=1">

对于我的显示器，所有缩放比例都很好，它可以水平显示1920像素。我在一个section元素上加了边框，以便看到它在水平方向上延伸了多远。它基本上限制为1100px。为边距，填充等添加几px，此限制将不会完全位于1100px处，而是在该邻域内。

我自己不在任何地方设置width。

Bootstrap 4中是否有某些东西想将水平比例尺限制在1100px左右？如果是这样，有没有办法改变这一点？

Answer 1

Bootstrap提供了一个类来包装所有内容，这取决于您希望空间的使用方式。

您可以了解有关此类here

的更多信息

在同一页面上：

对整个宽度的容器使用.container-fluid，该容器跨越视口的整个宽度。

类container将为您的内容设置最大宽度，并将所有内容居中；类container-fluid将使用视口的整个宽度，而是全屏查看示例。

.container {
  border: 1px solid red;
}

.container-fluid {
  border: 1px solid blue;
}

div {
  height: 200px;
}

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" />
<div class="container">Container</div>
<div class="container-fluid">Container Fluid</div>

如何使Bootstrap 4使用整个屏幕宽度？

1 个答案: