0

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

我怎样才能让它正确居中。

小提琴-> 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 -->
4

1 回答 1

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>

这里有一个演示。

于 2013-07-19T00:23:15.233 回答