6

CSSでdivを水平方向に中央揃えする方法を知っています。幅を 100% 未満にし、左右両側に自動マージンを設定する必要があります。Twitter Bootstrap のこのデフォルト スタイルを実行したいと考えています。追加の CSS を書きたくない。Twitter Bootstrap で使用されているデフォルトのスタイルを使用して実現できるかどうか疑問に思っています。

divの幅を設定するには、を使用してspan*います。しかしspan*ですfloat: left。divの幅を設定できるが、追加しないクラスはありますfloat: leftか?

4

5 に答える 5

9

偶数スパン スタイル (span2、span4 など) を使用している div を水平方向に揃えるには、オフセットを使用する必要があります。

<div class="offset3 span6">
    ...
</div>
于 2013-02-27T13:27:47.797 に答える
3

pagination-centered 次のような div 内でクラスを使用します。

   <div class="row">
    <div class="span12 pagination-centered">
    <p> content</p>
   </div>
</div>
于 2013-02-27T14:05:50.623 に答える
2

コンテンツを中央に配置するための Bootstrap の方法は、それに割り当てることによるclass="center-block"ようです: a link to Bootstrap 3 doc page。

ただし、見出しや段落では機能しません。class="text-center"そのような場合に機能するようです。

于 2014-01-13T05:44:41.677 に答える
0

水平方向に配置する要素が奇数スパン（@JayGee）であり、追加のCSSを記述したくない場合（インラインでもない場合）、答えは次のようになります。いいえ、それは不可能です。そうでなければ、私は@JayGeeの答えに行きます。

于 2013-02-27T15:15:46.640 に答える
0

@JayGeeの回答に基づいています。

<div class="row">
     <div class="col-sm-offset-4 col-md-offset-4 col-lg-offset-4 col-sm-4 col-md-4 col-lg-4">
     ... content here ...
     </div>
</div>
于 2015-01-14T08:50:50.110 に答える