☰

Twitter Bootstrapを使用して中央揃えのコンテンツを取得するにはどうすればいいですか? 質問する

tag-icon • tag-icon html css twitter-bootstrap
Twitter Bootstrapを使用して中央揃えのコンテンツを取得するにはどうすればいいですか? 質問する

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

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

...中央揃えのテキストを生成します。

しかし、まだ左端に表示されます。何が間違っているのでしょうか?

ベストアンサー1

これはテキストの中央揃えのためです（これが質問の内容でした）

その他のコンテンツについては、フラビアンの答え。

アップデート: 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/

おすすめ記事