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-break-point 设置为0）。

在您的情况下，中等网格 .col-md 将具有相同的“意外行为”（对您来说是意外的），但屏幕尺寸 >= 992 像素。

于 2013-10-02T18:31:44.583 回答