原文地址:zclzone.combash
Bootstrap3 经常使用的类布局
container 响应式容器ui
container-fluid 流式容器spa
row 行code
col-*-* 列排序
实例 col-md-3
第一个参数:
lg 大屏:大屏及以上生效
md 中屏:中屏及以上生效
sm 小屏:小屏及以上生效
xs 超小屏:超小屏及以上生效
第二个参数:Row 默认会把一行分红 12 等份列,这里第二个参数表示的是当前元素占 12 等份当中的几份
复制代码
col-xs-offset-4 偏移,往右偏移四等份get
col-xs-push-* 排序 日后推几份 col-xs-pull-* 排序 往前拉几份class
hidden-* 控制在某种屏幕下隐藏,其余屏幕可见,可选参数 lg、md、sm、xs容器
pull-left 左浮动 pull-right 右浮动响应式
text-right 文字右对齐 text-left 文字左对齐 text-center 居中