Question

在bootstrap 3.0中，我可以将.container类包含在我的课程中，并将width设置为我的班级980px

EX

             <div class="maincontainer">
                   <div class="container">
                       //some content
                   </div>
             </div>

CSS

         .maincontainer {
             max-width: 980px;
             margin:0 auto;
         }

该代码将使用980px包装我的内容，但是在bootstrap 3.0.2中，作者在bootstrap 3.0中将类.container更改为width而不是max-width。

因此很难为我的布局设置980px！我正在使用LESS css！

有什么想法吗？

Answer 1

一些选择

在bootstrap中，如果在网格上使用响应式设计，则width由变量（currently in 3.0.2 on line 43 of grid.less and following, depending on size）设置。

选择＃1

更改the @container-XX variable(s)控制variables.less文件中的宽度以实现980px（对于您想要的任何大小），然后进行.container控制宽度，是你想要的。只有当你真的想要某种形式的响应式网站时，我才推荐这个。

选择＃2

如果您想要通过.maincontainer课程控制宽度，请在＃1中注明的同一变量文件中更改所有@container-XX（sm，{{1 }，md）为lg，它将使元素适合包装容器auto。

选择＃3

如果您根本不想要自适应网站，而是静态设置.maincontainer，请按照this SO answer中的说明进行操作。

我的猜测是你真的想要＃3 ，但我想我也会提到其他想法。

如何在bootstrap 3.0.2中将容器宽度设置为980px？

1 个答案:

一些选择