Question

我有一个主要的排液，包裹着我的整个脚手架，由其他跨度和容器组成。但是，我注意到它没有正确居中。我不想改变中间span6的大小（事实上它可能是不同的大小）我不想使用左边填充或边距偏移，因为它不允许页面冲洗左调整大小。

如何让它正确居中。

小提琴 - ＆gt; http://jsfiddle.net/GwCkp/19/show/

基本脚手架是：

<div class="container"style="width: 1300px" >  // <- need this fixed size for spacing
  <div class="row-fluid">  // <-- row fluid that I need centered!
     <div class="span2">
     ...
     </>
     <div class="span6">
       <div class="container-fluid">
          <div class="hero-unit">
          ...
          </>
          <div class="row-fluid">
          ...
          </>
       </>
     <div class="span2">
     ...
     </>
  </div><!-- end row-fluid -->
</div><!-- end container -->

Answer 1

由于twitter bootstrap有一个12列网格，你实际上需要提供12列才能让它自动居中。所以解决方案很简单，只需添加缺少的两列，一切都很好地集中。

基本上这应该是您的布局，在第一个span2之前和最后一次添加<div class="span1"></div>之前注意：

<div class="container"style="width: 1300px" >  // <- need this fixed size for spacing
  <div class="row-fluid">  // <-- row fluid that I need centered!
    <div class="span1"></div>
    <div class="span2">
      ...
    </div>
    <div class="span6">
      ...
    </div>
    <div class="span2">
      ...
    </div>
    <div class="span1"></div>
  </div>
</div>

这里是demo。

如何使排液正确居中？

1 个答案: