默认网格系统引导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像素的屏幕尺寸。