默認網格系統引導3

Question

<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，則行爲在大屏幕尺寸上的預期（很好）。 （據我所見）。使用.col-xs-或.col-md-網格系統是否有任何缺點？ （即使它也適用於大屏幕尺寸）

unexpected behavior和expected behavior只是因爲小提琴的屏幕尺寸小於.col-lg可以處理。因此，它使每個div 100％寬度

Answer 1

大網格（帶有.col-lg）只會變成水平，屏幕大小> = 1200。額外的小網格（帶有.col-xs）始終保持水平（從不堆疊）。

如果通過ctrl +放大瀏覽器，寬度將變爲每個 .col-lg-div的100％。

真正原因ctrl +不會更改屏幕大小。

是否有使用.COL-XS-或.COL-MD-網格系統的 web應用程序的任何缺點？

編號對於所有屏幕尺寸，col-xs都是相同的。事實上，只有使用col-xs纔會使您的應用程序無法響應。 （當你使用導航欄時，你也會將@ grid-breaking-point設置爲0）。

在你的情況下，中等網格.col-md將具有相同的「意外行爲」（意想不到的），但對於> = 992像素的屏幕尺寸。