Twitter bootstrap 引导网格，显然是I'；我做错了什么事

我在一页上有几张表格。我将控件分组，因此有两列。我的期望是，当我折叠浏览器以模拟较小的屏幕时，这些列将折叠为一列，但所发生的一切是控件的宽度缩小，并且永远不会折叠

您正在编写：

<div class="col-xs-6 col-sm-6 col-m-6 col-lg-6">

但应该写：

<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6"> // note the "md"

//注意“md”

无论如何，你可以写：

<div class="col-xs-6">

因为您的所有列都具有相同的宽度。

您正在编写：

<div class="col-xs-6 col-sm-6 col-m-6 col-lg-6">

但应该写：

<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6"> // note the "md"

//注意“md”

无论如何，你可以写：

<div class="col-xs-6">

---

因为您的所有列都具有相同的宽度。

它们不收缩为单个列的原因是您指定它在所有屏幕中占据12个列中的6个。也就是说，它占据了所有屏幕大小的一半空间

要修复它，请更换

col-xs-6 col-sm-6 col-m-6 col-lg-6

col-xs-12 col-sm-12 col-md-6 col-lg-6

在这里，它将在小屏幕和超小屏幕中从12个屏幕中取出12个

---

请注意，您还编写了

m

而不是

md

它们没有收缩为单个列的原因是您指定它在所有屏幕中占据12个中的6个。也就是说，它占据了所有屏幕大小的一半空间

要修复它，请更换

col-xs-6 col-sm-6 col-m-6 col-lg-6

col-xs-12 col-sm-12 col-md-6 col-lg-6

在这里，它将在小屏幕和超小屏幕中从12个屏幕中取出12个

---

请注意，您还编写了

m

而不是

md

您的代码为每个屏幕大小指定了相同的精确列大小。您的代码为每个屏幕大小指定了相同的精确列大小。始终是小事情：-）始终是小事情：-）