Bootstrap网格系统 - 左侧留出空列

Question

如果我有一个bootstrap网格，它是一组固定数量的列（无论是3列还是4列或6列），我能否使用CSS以任何方式确保空列位于左侧而不是右侧，还是需要在左侧列中添加空条目？

因此，如果列数为4（col-xs-3），并且我有5个条目，我希望第一行是值|值|值|值，然后第二行将是empty|empty|empty|value.

这可行吗？

- Mike

Answer 1

如果不想在空列中插入 stub，可以通过 offset 将整个 div 推到右边。只需使用 .col-md-offset-9 将其向右推：

<div class="col-md-3 col-md-offset-9">All of the way on the right.</div>

- Lynn Crumbling

---

谢谢。当我动态构建内容时，我该如何做到这一点？在外观上，通过在col-xs-3 div上放置float:right;，我可以得到想要的结果，但内容被颠倒了。 - Mike

如果我对理论的理解有误，而你能够解释下投票降低分数的原因，请一定要告诉我。我很想知道。 - Lynn Crumbling

@Mike 我猜你的“空白空间”问题偶尔会在每行发生多次。你需要跟踪剩余的总行空间。我猜想你需要使用一些组合，包括取余运算符和3的组合，以及 (12 - used_space) 的余数。没有看到上下文很难给出具体解决方案..但这真的应该是一个单独的问题。 - Lynn Crumbling