1. ホーム
  2. html

[解決済み] Twitter Bootstrapを使った中央寄せのコンテンツはどうなっているのか?

2022-03-17 18:41:28

質問

非常に基本的な例に従おうとしています。 この例では スターターページとグリッドシステム , 私は次のように望んでいました。

<div class="row">
  <div class="span12">
    <h1>Bootstrap starter template</h1>
    <p>Example text.</p>
  </div>
</div>

...すると、中央揃えのテキストが生成されます。

しかし、まだ左端に表示されます。どうしたらいいのでしょうか?

解決方法は?

これは、テキストのセンタリング( という質問がありました。 )

その他の種類のコンテンツについては フラヴィアンの回答 .

更新:Bootstrap 2.3.0+の回答

最初の回答は、bootstrapの初期バージョンに対するものでした。bootstrap 2.3.0時点のものです。 を指定すると、divにクラス .text-center .


オリジナルの回答(2.3.0以前)

2つのクラスのうち、どちらかを定義する必要があります。 row または span12 を付けて text-align: center . 参照 http://jsfiddle.net/xKSUH/ または http://jsfiddle.net/xKSUH/1/