オフセット列：
ブートストラップグリッドシステムでは、以下に示すように、オフセット列を使用して列を正しく移動する効果を実現できます。
<div> <div> col2 </div> </div>
class = "col-sm-2 col-sm-offset-1"は、列が2つの部分を占め、右側に1つの部分を移動することを意味します。表示される結果は次のとおりです。
Col-SM-Offset-1とは、1つのコピーを右に移動することを意味します。 COL-SMオフセット-2とは、2つのコピーを右にシフトすることを意味します。 Col-XSクラスはオフセット列をサポートしていませんが、空のセルを使用するだけで実現できます。
ネストされた列：
次のように、コンテンツにグリッドをネストできます。
<div> <div> div> div> col </div> <div> col </div> </div> <div> <div> <div> div> div> <div> col4 </div> </div> </div> </div>
外層は、1つの列と2つの列に2つの列のグリッドです。最初の列は4つの部分を占め、2番目の列は8つの部分を占め、1つの列に2つの列のグリッドが最初の列にネストされています。最初の列は2つの部分を占め、2番目の列は10パートを占めます。ディスプレイ効果は次のとおりです。
上記は、4番目のブートストラップグリッドシステムオフセット列と紹介されたネストされた列の完全な説明です。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます！