ブートストラップの原理とは何ですか?

藏色散人
藏色散人オリジナル
2019-07-13 11:09:287789ブラウズ

ブートストラップの原理とは何ですか?

#グリッド システムの実装原則は、コンテナのサイズを定義し、それを 12 等分することです (24 または 32 に分割することもできます)。次に、内側と外側のマージンを調整し、最後にメディア クエリと組み合わせて、強力で応答性の高いグリッド システムを作成します。 Bootstrap フレームワークのグリッド システムは、コンテナを 12 等分に分割します。

ブートストラップの原理とは

ブートストラップの実装原理

コンテナのサイズを定義することで、を 12 等分し (24 コピー、23 コピー、12 コピーが 12 ダースという高度な完成度を意味します)、内側と外側のマージンを調整し、最後にメディア クエリと組み合わせて、強力な応答性の高いグリッド システムを作成します。 (値 12 は、LESS コード ソースを再コンパイルすることで変更できます)。

1. 適切な配置とパディングを行うには、データ行 (.row) がコンテナー (.container) に含まれている必要があります。

2. 行 (.row) に列 (.column) を追加できますが、列数の合計が等しい列の合計数を超えることはできません (例: 12.

##)。 #3. Padding を設定すると、列の間にスペースが生まれます。次に、最初と最後の列に負のマージンを設定して、パディングの効果を相殺します。

4. 隣接する 2 つの列を近づけたくない場合は、オフセット関数を使用してこれを実現します。

関連する推奨事項:「

ブートストラップ チュートリアル

以上がブートストラップの原理とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。