[解決済み] 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/
関連
-
[解決済み] <html xmlns="http://www.w3.org/1999/xhtml">」は何をするものですか?
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] PHPでHTML/XMLをパースして処理する方法とは?
-
[解決済み] divの内容を下に揃える方法
-
[解決済み] Twitter Bootstrapのメニューをクリックではなく、ホバーでドロップダウンさせる方法
-
[解決済み] Twitter Bootstrap 3を使用して列を中央に配置する
-
[解決済み] CSSコンテンツによるHTMLエンティティの追加
-
[解決済み] Bootstrapの列をすべて同じ高さにするにはどうしたらいいですか?
-
[解決済み] Twitter Bootstrapでナビバーの色を変更する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Bootstrapのカラム内で画像を中央に配置する方法 [重複]について
-
Uncaught TypeError: document.getElementsById は関数ではありません。
-
[解決済み] How can I set the default value for an HTML <select> element?
-
[解決済み] Sublime Text 2を使ってHTMLコードを再フォーマットするにはどうしたらいいですか?
-
[解決済み] HTMLにPDFを埋め込むおすすめの方法とは?
-
[解決済み] インラインCSSでa:hoverを記述するには?
-
[解決済み] hr要素の色を変更する
-
[解決済み] Flexbox:水平方向と垂直方向の中央揃え
-
[解決済み] preタグでテキストを折り返すにはどうしたらよいですか?
-
[解決済み] マークダウンにおける相互参照 (名前付きアンカー)