ドキュメントには、「最大 480px」および「768px 以上」のメディア クエリがありますが、これらのサイズの間には何もありません。
どうしたの?コメントの間違いですか、それとも何ですか?
ドキュメントには、「最大 480px」および「768px 以上」のメディア クエリがありますが、これらのサイズの間には何もありません。
どうしたの?コメントの間違いですか、それとも何ですか?
非公式には、 msと呼ばれる 480 と 768 の間にブレークポイントがあります(その後、col-ms などを使用します) 。このディスカッションを参照してください。
ms ハックの動作を確認するには、例を含む私の寄稿も参照してください。
Bootstrap は「モバイル ファースト」のフレームワークです。つまり、初期のコア スタイルはスマートフォン デバイス (最大 768px) を対象としています。
その後、さまざまなデバイスのレイアウトを最適化するためにコア スタイルをオーバーライドまたは補完する追加のスタイルをトリガーするさまざまな解像度ブレークポイントが定義されています。たとえば、モバイル向けに最適化されたレイアウトではナビゲーション メニューがデフォルトで非表示になっている場合がありますが、解像度が 768 ピクセルに達すると、タブレット向けに最適化されたスタイルが開始され、ナビゲーション メニューがドロップダウンとして表示されます。
少しややこしいかもしれませんが、スマートフォン用のスタイルを追加する場合は、メディア クエリを使用せずにスタイルシートに追加するだけです。タブレット用にこれらのスタイルをオーバーライドまたは補完する場合は、@media (min-width: @screen-sm) { ... }
メディア クエリを使用します。同じことが、デスクトップおよびオーバー ワイド デスクトップ レイアウトにも当てはまります。
必要に応じて、これらの解決ブレークポイントをオーバーライドできることに注意してください。
アップデート
この回答から: Twitter の Bootstrap 3 グリッド、ブレークポイントの変更とパディングの削除
480px ブレークポイントを使用する「小さな」グリッド システムのコードがあるようですが、実装されていないようです。