ブートストラップは 24 個のグリッドに分割できますか?

ブートストラップとは

1. ブートストラップは、Web アプリケーションと Web サイトを迅速に開発するためのフロントエンド フレームワークです。 . .ブートストラップは HTML、CSS、および JAVASCRIPT に基づいています。

2. Twitter の Bootstrap は、現在非常に人気のあるフロントエンド フレームワークです。 Bootstrap は HTML、CSS、JavaScript に基づいており、シンプルかつ柔軟なので、Web 開発を高速化します。これは Twitter デザイナーの MarkOtto と Jacob Thornton によって開発された CSS/HTML フレームワークです。 Bootstrap は、動的 CSS 言語 Less で記述されたエレガントな HTML および CSS 仕様を提供します。 Bootstrap は発売以来非常に人気があり、NASA の MSNBC (Microsoft National Broadcasting Company) や Breaking News など、GitHub 上の人気のオープンソース プロジェクトとなっています。 WeX5 フロントエンド オープン ソース フレームワークなど、国内のモバイル開発者に馴染みのある一部のフレームワークも、Bootstrap ソース コードに基づいてパフォーマンスが最適化されています。

関連する推奨事項: 「bootstrap 入門チュートリアル 」

グリッド レイアウト

1. Bootstrap には、応答性では、画面デバイスまたはビューポートのサイズが大きくなるにつれて、自動的に最大 12 列に分割されるモバイルファーストの流体グリッド システムです。

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

24 グリッドを実現するにはどうすればよいですか?

ブートストラップ グリッドは 24 個のグリッドに分割でき、それぞれ 12 単位でネストでき、1 グリッドあたり 1 つのグリッドをネストすると 24 個のグリッドを実現できます。

以上がブートストラップは 24 個のグリッドに分割できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。