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-2 .explain我请...

texttext 1

Answer 1

您可以在Bootstrap网格文档中查看详细信息,如果在此回复后的某个日期更新它们.

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

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

的 prefix在上面是 col,指示元件是自举塔系统的一部分.

的when to collapse选项(xs, sm, md或 lg)指示在什么宽度的列应停止显示为内插和折叠被代替定位在彼此.

该 number of grid columns to occupy指示整排的classable元素应该占据多大一部分.整行由Bootstrap中的12列组成.

折叠宽度目前定义如下:

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

简而言之,不同的折叠选项允许您定义布局应折叠的宽度:作为简化说明,应在何种窗口宽度处显示页面的移动视图(或类似).

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