BootStrap3学习笔记(一)之网格系统

发布时间：2020-12-18 00:54:52 所属栏目：安全来源：网络整理

导读：如果显示网格，代码应类似这样： Box 1 Box 2 Box 3 Box 4 Box 5 Box 6 Box 7 Box 8 Box 9 Box 10 Box 11 Box 12 其中col-*-*表示不同类型设备下在网格系统中占据的列宽 (i.e. ) 当列的高度不同时，由于float的作用会破坏网格的结构，可通过使用响应类避免，

如果显示网格，代码应类似这样：

Box 1

Box 2

Box 3

Box 4

Box 5

Box 6

Box 7

Box 8

Box 9

Box 10

Box 11

Box 12

其中col-*-*表示不同类型设备下在网格系统中占据的列宽

		(i.e.) 当列的高度不同时，由于float的作用会破坏网格的结构，可通过使用响应类避免，下面是一个完整的网格代码： Box 1 Box 2 Box 3 Box 4 Box 5 Box 6 Box 7 Box 8 Box 9 Box 10 Box 11 Box 12 其中的visible--表示在何种设备下以何种display属性显示，由于极小设备默认为单列显示，因此无需使用响应类定制。响应类也可用在普通标记中，比如下面的代码：类似的，也可使用hidden-*，设置在特定设备中隐藏：通过响应类还可以设置打印时的格式：以上所述是小编给大家介绍的BootStrap3学习笔记(一)之网格系统。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。（编辑：李大同）【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!