0

他のスパンとコンテナーで構成される足場全体をラップするメインの行流体があります。しかし、正しくセンタリングされていないことに気付きました。中央のスパン 6 のサイズを変更したくありません (実際には、将来的には別のサイズになる可能性があります)。また、左パディングやマージン オフセットを使用したくありません。サイズを変更します。

どうすれば正しく中央に配置できますか。

フィドル -> 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 ブートストラップには 12 列のグリッドがあるため、実際には 12 列を提供して自動的に中央揃えにする必要があります。したがって、解決策は簡単です。不足している2つの列を追加するだけで、すべてがうまく中央に配置されます。

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 に答える