Twitter bootstrap 3 引导3中的默认网格系统 hi 你好 你好

v/s

hi
你好
你好

从我看到的情况来看，如果您使用.col lg-在应用程序中定义网格系统。对于较小的屏幕尺寸，该应用程序无法运行。即使按ctrl+放大浏览器，宽度也会变成每个.col lg-div的100%

相反，如果使用.col xs，在大屏幕上的行为也与预期的一样（非常好）。（据我所知）。在web应用程序中使用.col xs-或.col md-网格系统有什么缺点吗？（即使适用于大屏幕尺寸）

因为小提琴的屏幕尺寸小于

。col lg

可以处理。因此，它使每个div 100%宽度

大网格（带.col lg）仅在屏幕大小>=1200时变为水平。额外的小网格（带有.col xs）始终保持水平（并且从不堆叠）

如果按ctrl+放大浏览器，则宽度将变为每个浏览器的100% .lg组-分区

True原因ctrl+不会更改屏幕大小

使用.col xs-或.col md-网格系统进行网格计算有什么缺点吗 网络应用

不会。所有屏幕尺寸的X列都相同。事实上，仅使用col xs会使您的应用程序无响应。（使用导航栏时，还将@grid断点设置为0）

---

在您的情况下，medium grid.col md将具有相同的“意外行为”（对您来说是意外的），但屏幕大小>=992像素。

否。当两列6-*相邻显示（50%宽度）时，它们是水平的。当您缩小屏幕时，col-6-*显示在彼此下方（100%宽度），称为堆叠。所以xs网格不会堆叠并且总是水平的（或者除非你使用没有css的浏览器），所以请阅读你的第一行第二句话。我认为应该是,永远保持水平,而不是"永远不变水平"。

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

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