Css 如何在Bootstrap3.0.2中将容器宽度设置为980px？

在bootstrap 3.0中，我可以用我的类包装

.container

类，并将我的类的

宽度设置为
980px

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

前

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

该代码将用
980px
包装我的内容，
但是在Bootstrap3.0.2中，作者将class
.container
更改为Bootstrap3.0中的
width
而不是
max width

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

所以很难为我的布局设置
980px
！！
我使用更少的css

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

有什么想法吗？
有几个选择
             <div class="maincontainer">
                   <div class="container">
                       //some content
                   </div>
             </div>

在bootstrap中，如果在网格上使用响应式设计，则
宽度
由一个变量（）设置

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

选择#1

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

更改
variables.less
文件中的宽度控制，以实现
980px
（适用于您所需的任何大小），从而使
.container
控制宽度并成为您所需的。我建议，只有当你真的还需要某种形式的响应性网站时，才这样做

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

选择#2

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

如果您仍希望通过
.maincainer
类控制宽度，则在#1中所述的同一变量文件中，将所有
@container XX
（对于
sm
，
md
，
lg
）更改为
auto
，这将使元素适合包装容器
.maincainer

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

选择#3

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

如果您根本不需要响应站点，而是需要静态设置的
980px
，请按照中的说明操作

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

我猜你真的想要#3，但我想我也会提到其他想法

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