0 
<div class="col-lg-1">hi</div>
<div class="col-lg-10">hi</div>
<div class="col-lg-1">hi</div>

v/s

<div class="col-xs-1">hi</div>
<div class="col-xs-10">hi</div>
<div class="col-xs-1">hi</div>

.col-lg- を使用してアプリでグリッド システムを定義すると、私が見ているものから。画面サイズが小さい場合、アプリは持ちこたえません。ブラウザを ctrl + で拡大しても、幅が各 .col-lg-div の 100% になるほどで​​す。

逆に、 .col-xs- を使用すると、大画面サイズでも動作が期待どおり (素晴らしい) になります。（私が見た限り）。Web アプリに .col-xs- または .col-md- グリッド システムを使用することの欠点はありますか? （大画面サイズを対象としている場合でも）

フィドルの画面サイズが処理できるよりも小さいという理由だけで、予期しない動作と 予想される動作.col-lg。したがって、各divの幅は100％になります

4

1 に答える 1

0

大きなグリッド (.col-lg を使用) は、画面サイズが 1200 以上の場合にのみ水平になります。極小のグリッド (.col-xs を使用) は常に水平のままです (積み重ねることはありません)。

ブラウザを ctrl + で拡大すると、.col-lg-div ごとに幅が 100% になります。

本当の原因 ctrl + は画面サイズを変更しません。

Web アプリに .col-xs- または .col-md- グリッド システムを使用することの欠点はありますか?

いいえ。col-xs はすべての画面サイズで同じです。実際、col-xs を使用するだけで、アプリが応答しなくなります。(ナビゲーションバーを使用する場合は、@grid-breaking-point も 0 に設定します)。

あなたの場合、中程度のグリッド .col-md は同じ「予期しない動作」(予期しない) を持ちますが、画面サイズが >= 992 ピクセルの場合です。

于 2013-10-02T18:31:44.583 に答える