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

Question

所以基本上我有类似的东西

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

我希望它变成类似的东西

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

所以我基本上想拿一个放在左边的 div 并将其移动到中心，并在视口(viewport)宽度 <768px 时加宽列大小。我该怎么做？

Answer 1

检查 grid documentation从他们的网站。

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

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

这转化为:小型设备 (>= 768px) 上的 3 列和超小型设备 (< 768px) 上的 8 列 + 2 个偏移列。它们还有 col-md 和 col-lg- 类。