Question

我正在使用1045px包装宽度。我想使用“twitter Bootstrap”框架。但我对 twitter Bootstrap 网格布局很困惑。我知道，bootstrap包装宽度（响应）是1170px。我可以制作宽度 1045px 的包装纸吗？实际上，我对这个项目非常严格。 我必须使用1045像素的宽度。任何人都可以解释我，是否可以使用twitter bootstrap？或者这个包装宽度还有其他网格框架吗？

由于

Answer 1

是的，你可以，有几种方法可以做到。您可以使用SASS或LESS自定义Bootstrap，您可以customize and download your own version的Bootstrap，或者您可以很酷并使用以下内容：

<div class="container-fluid">
<div class="row">
  whatever
</div>
</div>

然后在你的CSS中

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

通过这种方式，您可以保持响应能力，是的，您的内容不会超过1045px，无论是什么

Answer 2

一种简单的方法是通过http://getbootstrap.com/customize/。当你下去并自定义时，你可以将每个容器大小设置为你想要的任何东西。然后，当您下载自定义编译的Bootstrap时，它将全部计算到这些宽度。

Answer 3

使用bootstrap类，例如class =＆＃34; container＃34;在这个div类=＆＃34; col-lg-12＆＃34;对于大

  <div class ="col-lg-12">
       <div class='container'>
         <div class="col-lg-12">
         </div>
       </div>
    </div>
    <style type="text/css">
        @media (min-width: 1200px) {
        .container{
        width:1045px;
        }
        }
</style>

enter link description here

响应式Bootstrap宽度

3 个答案: