Bootstrap容器宽度更改

Question

我正在为我的网站使用Bootstrap,我需要创建一个大小为1250px的容器,但问题是当我更改Bootstrap容器的类时,响应性将不再起作用.

我该怎么办？

Answer 1

只需设置'container-fluid'即可创建一个100%宽度的容器.将整个东西包裹在1250像素宽的容器中会导致容器无法响应.最好的办法是为你的流体容器分配一个'max-width',我已经包含了下面的标记:

<div class="container-fluid" style="background-color:#CDCDCD; max-width:1250px">

集装箱,液体

Answer 2

您可以创建自定义容器并将其与默认容器一起使用(只需覆盖宽度).你可以根据需要改变宽度:

CSS:

@media (min-width: 768px) {
.my-custom-container{
    width:600px;
}}

@media (min-width: 992px) {
.my-custom-container{
    width:720px;
}}

@media (min-width: 1200px) {
.my-custom-container{
    width:900px;
}}

HTML:

<div class="container my-custom-container">
your content Goes here .......
</div>

Answer 3

您是否尝试过用于引导程序的流体容器？

尝试将“容器”更改为“容器流体”

这可能有帮助