5

ドキュメントには、「最大 480px」および「768px 以上」のメディア クエリがありますが、これらのサイズの間には何もありません。

どうしたの?コメントの間違いですか、それとも何ですか?

4

2 に答える 2

6

非公式には、 msと呼ばれる 480 と 768 の間にブレークポイントがあります(その後、col-ms などを使用します) 。このディスカッションを参照してください。

ms ハックの動作を確認するには、例を含む私の寄稿も参照してください。

ms ハックなしのフォーム

フォーム WITH ms ハック

于 2014-08-26T15:00:29.300 に答える
1

Bootstrap は「モバイル ファースト」のフレームワークです。つまり、初期のコア スタイルはスマートフォン デバイス (最大 768px) を対象としています。

その後、さまざまなデバイスのレイアウトを最適化するためにコア スタイルをオーバーライドまたは補完する追加のスタイルをトリガーするさまざまな解像度ブレークポイントが定義されています。たとえば、モバイル向けに最適化されたレイアウトではナビゲーション メニューがデフォルトで非表示になっている場合がありますが、解像度が 768 ピクセルに達すると、タブレット向けに最適化されたスタイルが開始され、ナビゲーション メニューがドロップダウンとして表示されます。

少しややこしいかもしれませんが、スマートフォン用のスタイルを追加する場合は、メディア クエリを使用せずにスタイルシートに追加するだけです。タブレット用にこれらのスタイルをオーバーライドまたは補完する場合は、@media (min-width: @screen-sm) { ... }メディア クエリを使用します。同じことが、デスクトップおよびオーバー ワイド デスクトップ レイアウトにも当てはまります。

必要に応じて、これらの解決ブレークポイントをオーバーライドできることに注意してください。

アップデート

この回答から: Twitter の Bootstrap 3 グリッド、ブレークポイントの変更とパディングの削除

480px ブレークポイントを使用する「小さな」グリッド システムのコードがあるようですが、実装されていないようです。

于 2013-09-19T15:29:07.757 に答える