bootstrap的栅格排版一共12列。并且有.col-xs-* 超小屏(小于 768px),.col-sm-*(小屏(≥768px)),.col-md-* 中型屏((≥992px),.col-lg-* 大型屏((≥1200px)。其中.col-xs 是总是水平排列,后面三个是,开始堆叠在一起,当大于这些阈值时将变为水平排列。并且均是可偏移,可嵌套的。xs下列宽为自动,sm下列宽为~62pxmd下列宽为~81pxlg下列宽为~97px,
bootstrap
12列
.col-xs-*
.col-sm-*
.col-md-*
.col-lg-*
.col-xs
xs
sm
~62px
md
~81px
lg
~97px
扩展 Bootstrap 默认的排版系统,或者自定义一套属于自己的排版系统
要根据屏幕尺寸大小变化吗?
<div class="row"> <div class="col-xs-6">.col-xs-6</div> <div class="col-xs-6">.col-xs-6</div> </div>
bootstrap的总列数是12。
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
暂无简介
文章 0 评论 0
接受
发布评论
评论(3)
bootstrap
的栅格排版一共12列
。并且有.col-xs-*
超小屏(小于 768px),.col-sm-*
(小屏(≥768px)),.col-md-*
中型屏((≥992px),.col-lg-*
大型屏((≥1200px)。其中
.col-xs
是总是水平排列,后面三个是,开始堆叠在一起,当大于这些阈值时将变为水平排列。并且均是可偏移,可嵌套的。xs
下列宽为自动,sm
下列宽为~62px
md
下列宽为~81px
lg
下列宽为~97px
,扩展 Bootstrap 默认的排版系统,或者自定义一套属于自己的排版系统
要根据屏幕尺寸大小变化吗?
bootstrap的总列数是12。