ホームページ > ウェブフロントエンド > htmlチュートリアル > 【8】Bootstrapグリッドシステムの基本ケースを理解する(3)_html/css_WEB-ITnose

【8】Bootstrapグリッドシステムの基本ケースを理解する(3)_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:01:57
オリジナル
1224 人が閲覧しました

今回は次のオフセットについて説明します:

列オフセットは、.col-md-offset-* クラスを使用して列を右にオフセットします。これらのクラスは、実際には * セレクターを使用して現在の要素に左マージンを追加します。たとえば、.col-md-offset-4 クラスは、.col-md-4 要素を 4 列幅分右にオフセットします。

これ以上ナンセンスはやめて、コードに直接進みましょう

うーん、

レンダリングを見てみましょう。ここでは中程度の画面効果を作成しただけなので、ストレッチなどを行う必要はありません。そのため、誰でも簡単に行うことができます。それを見てください。

ここでは、列オフセットがいかに単純であるかを明確に理解できるように、最初の行と 3 行目の 2 つの参照行を作成しました。説明も同じ意味です。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート