引导HTML-中型设备注册为大型

我在不同的设备上遇到了Bootstrap网格的一些问题。根据Bootstrap的文档，HTML中的列大小取决于设备的窗口大小。例如：

超小型576px，小型>=768px，中型>=992px，大型>=1200px

然而，在本应被视为中型设备（在谷歌Chrome的开发者工具上是1024x768的旋转iPad）中，Bootstrap将其视为大型设备。我的代码如下所示：

<div class="col-lg-2 col-md-4 col-sm-4">

在横向旋转中，iPad的div列大小为2，这是不应该发生的。我做了一个控制台日志测试以确保屏幕大小，结果确实是1024px。

---

你知道为什么会发生这种情况吗？

问题是，你的数学计算与引导计算断点的方式有点不一致，把大的断点（

=992px

）与特大的断点（

=1200px

）混淆了

虽然您的iPad没有落入额外的大断点（使用

.col xl-

前缀），但它确实落入了大的断点（使用

.col lg-

前缀），因此正确应用了

.col-lg-2

类。因此，元素占据两列

有关断点及其对应类的方便列表，请参见：

---

非常感谢您的帮助，我的问题似乎是我在遵循w3schools的文档，而不是Bootstrap的。现在一切都正常运转。