css - Bootstrap 中的响应式对齐

Question

我想像这样在一行中有 2 个按钮组:

[a|b|c]                              [d|e|f|g|h]

目前右键组是一个pull-right Bootstrap 类。工作正常。

但这在 xs 设备上看起来很糟糕 - 因为它在新行中但仍然向右拉，如下所示:

[a|b|c]         
                 [d|e|f|g|h]

所以我基本上想做的是组合 pull- 类。

pull-right pull-left-xs

这个例子行不通。有类似的东西吗？否则:如何在 md 和 xl 设备上将我的内容右对齐，而在所有其他设备上左对齐？

Answer 1

Twitter bootstrap 有帮助类，可以为你正在尝试做的事情工作，尝试使用 offset .pull 和 .push 类，像 col-md-push-3 这样的东西只会为 .md 和 .lg 推送你的 3 列类，如果你想在移动设备上有不同的行为，只需将它重置为 col-xs-push-0。

查看此链接以供引用 http://getbootstrap.com/css/#grid-column-ordering