如何设置流体Bootstrap容器的宽度？

Question

我只想清除一件事。如果我使用"container-fluid"类，这意味着我在bootstrap.css中不能有这样的东西：

.container-fluid{
width: 1170px;
}

我尝试设置像素，只需关闭响应性质。设置为％时有效。换句话说，我的问题是这样的： 如何设置容器流体的固定宽度？或者，引导程序开发人员默认是不是意味着它？

我已阅读此链接： Fluid or fixed grid system, in responsive design, based on Twitter Bootstrap

但是使用container-fluid.

根本无法找到有关响应性和固定宽度的任何内容

Answer 1

设置px宽度会使其变为静态，您必须使用不同的技术使其在响应之后像javascript那样使用％。

如果您想让容器不超过1170px使用

.container-fluid {
   max-width:1170px;
}

如果用户屏幕宽度超过1170px， max-width将使其变为宽度，而容器最多只能达1170px宽。这将使响应机制仍然有效。

当然使用.container-fluid作为选择器将改变所有container-fluid元素的行为方式，因此请考虑向该元素添加第二个类并将样式设置为该元素。

HTML

<div class="container-fluid maxWidth"></div>

CSS

.maxWidth {
       max-width:1170px;
}

如果你想要修复容器，无论如何，这将使内容无响应，因为他们无法分辨屏幕何时改变大小，因为容器不会改变大小。