[解決済み] twitterのbootstrapで五等分の列を作る
2022-03-23 05:59:51
質問
私が作っているページで5つの等しいカラムを持ちたいのですが、ここで5カラムグリッドがどのように使われているのかが理解できないようです。 http://web.archive.org/web/20120416024539/http://domain7.com/mobile/tools/bootstrap/responsive
上で紹介されている5列グリッドは、twitterのブートストラップフレームワークの一部なのでしょうか?
解決するには?
span2のクラスを持つ5つのdivを使用し、最初のクラスにはoffset1を与える。
<div class="row-fluid">
<div class="span2 offset1"></div>
<div class="span2"></div>
<div class="span2"></div>
<div class="span2"></div>
<div class="span2"></div>
</div>
ほらね。 5つの列が均等に配置され、中央に配置されています。
bootstrap 3.0では、このコードは次のようになります。
<div class="row">
<div class="col-md-2 col-md-offset-1"></div>
<div class="col-md-2"></div>
<div class="col-md-2"></div>
<div class="col-md-2"></div>
<div class="col-md-2"></div>
</div>
アップデイト
bootstrap 4.0 では、デフォルトで Flexbox が使用されるため。
<div class="row">
<div class="col"></div>
<div class="col"></div>
<div class="col"></div>
<div class="col"></div>
<div class="col"></div>
</div>
関連
-
[解決済み] BootstrapでNavbarが折りたたまれない
-
[解決済み] Twitter Bootstrapのメニューをクリックではなく、ホバーでドロップダウンさせる方法
-
[解決済み] Twitter Bootstrap 3を使用して列を中央に配置する
-
[解決済み] Bootstrapの列をすべて同じ高さにするにはどうしたらいいですか?
-
[解決済み] Bootstrap3による垂直方向の整列
-
[解決済み] Bootstrap 3 の sr-only とは何ですか?
-
[解決済み] Twitter Bootstrapでナビバーの色を変更する
-
[解決済み] Bootstrapのcol-lg-*、col-md-*、col-sm-*の違いは何ですか?
-
[解決済み] Twitter Bootstrapのボタンを右寄せにするにはどうしたらいいですか?
-
[解決済み] Twitter Bootstrap 3 の col-lg-push と col-lg-pull を使った列の並び操作
最新
-
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:Bootstrapのバージョンを識別する方法は?
-
[解決済み] BootstrapでNavbarが折りたたまれない
-
[解決済み] angular 2でbootstrap 4を使用するには?
-
[解決済み] Bootstrapでdivの左寄せと右寄せをする
-
[解決済み] Bootstrap v4におけるvisible-**とhidden-**の欠落について
-
[解決済み】Font-awesome、入力タイプ'submit'
-
[解決済み] Bootstrap 3 のスタックドタブ
-
[解決済み] レスポンシブWebサイトがモバイルで全幅に拡大表示される。
-
[解決済み] bowerでbootstrapを使用する
-
[解決済み] Bootstrapでテーブルの上にカーソルを置くと、カーソルの色を変更するにはどうすればよいですか?