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 默认的排版系统,或者自定义一套属于自己的排版系统

要根据屏幕尺寸大小变化吗?

<div class="row">
  <div class="col-xs-6">.col-xs-6</div>
  <div class="col-xs-6">.col-xs-6</div>
</div>

bootstrap的总列数是12。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进