【Bootstrap】DIV本体を中央寄せするにはOffsetを上手く使えば良い
Offsetクラスは左側に空のカラムを入れてくれる お恥ずかしい話、理解力の乏しい私は最初Bootstrapのドキュメントページを見た時にOffsetクラスの意味があまり良くわからなかったのです。 でもまあ簡単に言うと左側に指定カラム分の空白を作れるということですね。 「左側」というのが重要です。 画像で説明すると下記のようなイメージ。 「col-xs-4」のカラムの左側に「col-xs-offset-4」分の空白が出来ることが分かるかと思います。 中央寄せするグリッドカラムパターンは５種類 Bootstrapでは一つのrow（行）のカラム数が「12」と決まっていますので、中央寄せするのには下記の５パターンになっています。 ① .col-xs-10 .col-xs-offset-1 ② .col-xs-8 .col-xs-offset-2 ③ .col-xs-6 .col-xs-offse
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://coliss.com/articles/build-websites/operation/css/css-vertical-align-anything-by-sebastian.html
