Bootstrap,这种结构,想在手机上显示一行两个块并列,能实现吗

---

bootstrap的栅格排版一共12列。并且有
.col-xs-* 超小屏(小于 768px),
.col-sm-*(小屏(≥768px))，
.col-md-* 中型屏((≥992px),
.col-lg-* 大型屏((≥1200px)。
其中.col-xs 是总是水平排列，后面三个是，开始堆叠在一起，当大于这些阈值时将变为水平排列。并且均是可偏移，可嵌套的。
xs下列宽为自动，
sm下列宽为~62px
md下列宽为~81px
lg下列宽为~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 默认的排版系统，或者自定义一套属于自己的排版系统