2013-04-11 5 views
7
<div class="row"> 
    <div class="span4"></div> 
    <div class="span4"></div> 
</div> 

私は合計で12のスパンが必要だと思います。水平になっている2つのスパンの中心を整列させる方法はありますか?上記はちょうど左に浮かんでいます。最大12個までのブートストラップスパン列を水平方向に整列させることはできますか?

私はそれらの周りにラッパーを置いてみましたが、それは余白auto'ngでしたが何も起こりません。

私はスパンクラスを削除して指定した幅を追加することができますが、流体レイアウトにはspanクラスが必要です。

+0

あなたは最初の 'div.span4'に' offset2'クラスを追加することができます...しかし、ウィンドウを縮小すると、それはもはや中心に留まらないでしょう。 (http://twitter.github.io/bootstrap/scaffolding.html#gridSystem - オフセット列を参照) –

答えて

6

あなたがspan4の2つの列をセンタリングしたい場合は、このようにオフセットのparamを使用することができます。

<div class="row"> 
    <div class="span4 offset2"></div> 
    <div class="span4"></div> 
</div> 

が、これは低解像度でクラッシュすることを忘れないでください。それが流体グリッドレイアウトの使用を考えるのを防ぐためです。これは役立ちます

<div class="row-fluid"> 

希望に

<div class="row"> 

を変更することで行われます!

+0

小さな解像度でクラッシュするのはなぜですか?オフセットは消え、スパンは応答性の高いデザインのブロックになります。デスクトップの場合は、それを '.container'に入れる必要があります(流体では必要ありません)。 – Sherbrow

+0

スパン合計が均一でない場合はどうすればよいですか? –

関連する問題