bootstrap的栅格排版一共12列。并且有.col-xs-* 超小屏(小于 768px),.col-sm-*(小屏(≥768px)),.col-md-* 中型屏((≥992px),.col-lg-* 大型屏((≥1200px)。 其中.col-xs 是总是水平排列,后面三个是,开始堆叠在一起,当大于这些阈值时将变为水平排列。并且均是可偏移,可嵌套的。xs下列宽为自动,sm下列宽为~62pxmd下列宽为~81pxlg下列宽为~97px,
要根据屏幕尺寸大小变化吗? <div class="row"> <div class="col-xs-6">.col-xs-6</div> <div class="col-xs-6">.col-xs-6</div> </div> bootstrap的总列数是12。
bootstrap
的栅格排版一共12列
。并且有.col-xs-*
超小屏(小于 768px),.col-sm-*
(小屏(≥768px)),.col-md-*
中型屏((≥992px),.col-lg-*
大型屏((≥1200px)。其中
.col-xs
是总是水平排列,后面三个是,开始堆叠在一起,当大于这些阈值时将变为水平排列。并且均是可偏移,可嵌套的。xs
下列宽为自动,sm
下列宽为~62px
md
下列宽为~81px
lg
下列宽为~97px
,