如何响应地将Bootstrap列宽更改为其他大小？

Question

所以基本上我有类似

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

我希望它变为类似

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

因此，我基本上想将位于左侧的div移到中心，并在视口宽度<768px时加宽列的大小。 我怎样才能做到这一点？

Answer 1

从其站点检查网格文档 。

您可以为不同的断点定义多个类。 如果我对您的理解正确，则需要这样的内容：

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

转换为：小型设备上的3列（> = 768px），超小型设备上的8列+ 2个偏移列（<768px）。 他们也有col-md和col-lg-类。