col-lg-4和col-md-3和col-xs-3有什么区别？

Question

对于田地大小，我给了col-lg-4和col-Md-3和col-XS-2.但最后柱子大小只有4，那么为什么我们需要col-MD-3和col-XS-请解释我...

texttext 1

Answer 1

您可以看到the Bootstrap grid documentation的详细信息，如果在此回复后的某个日期更新了这些内容。

---

Bootstrap列类名的语法构造如下：

. {prefix} - {when to collapse} - {number of grid columns to occupy}

上面的prefix是col，表明该元素是Bootstrap列系统的一部分。

when to collapse选项（xs，sm，md或lg）表示列应以何种宽度停止显示内联并折叠为相反，它们位于彼此之上。

number of grid columns to occupy表示可分类元素应占据整行的大部分。整行由Bootstrap中的 12 列组成。

折叠宽度目前定义如下：

• xs - 网格始终是水平的，容器的样式为width: auto，这意味着它将占用当前可用的所有空间。
• sm - 网格水平超过750px宽度的断点。
• md - 同上（如前所述），但是来自970px。
• lg - 同上，但是来自1170px。

简而言之，不同的折叠选项允许您定义布局应折叠的宽度：作为简化说明，在页面的移动视图的窗口宽度（或类似）  应该显示。

本回复开头链接的文档也提供了许多示例。