Link Search Menu Expand Document

Bootstrap 笔记

栅格系统

“行(row)”必须包含在 .container(固定宽度)或 .container-fluid (100% 宽度) “行(row)”在水平方向创建一组“列(column)”

 超小屏幕 手机小屏幕 平板中等屏幕 桌面显示器大屏幕 大桌面显示器
 <768px≥768px≥992px≥1200px
.container 最大宽度None (自动)750px970px1170px
类前缀.col-xs-.col-sm-.col-md-.col-lg-
最大列(column)宽自动~62px~81px~97px
槽(gutter)宽30px (每列左右均有 15px)   

隐藏与可见

可见类型

.visible--block .visible--inline .visible-*-inline-block

可见设备

.visible-xs-* .visible-sm-* .visible-md-* .visible-lg-*

隐藏设备

.hidden-xs .hidden-sm .hidden-md .hidden-lg