如何响应地将Bootstrap列宽更改为另一个大小?

时间:2017-04-08 18:37:05

标签: html css twitter-bootstrap

所以基本上我有类似

的东西
<div class="col-xs-3">
stuff
</div>

我想让它改成像

这样的东西
<div class="col-xs-8 col-xs-offset-2">
stuff
</div

所以我基本上想要一个放在左边的div并将其移动到中心,并在视口宽度<768px时扩大列大小。我怎么能这样做?

1 个答案:

答案 0 :(得分:0)

检查他们网站的grid documentation

您可以为不同的断点定义多个类。如果我理解你,你需要这样的东西:

<div class="col-sm-3 col-xs-8 col-xs-offset-2">stuff</div>

这转换为:小型设备上的3列(&gt; = 768px)和8列+2个偏移列,用于额外的小型设备(&lt; 768px)。他们还有col-mdcol-lg-个类。