Bootstrap - 用固定大小的div填充一行

Question

请参阅我的代码here

我在这行中有一个div.row和一些红色div，这些红色div都是固定大小的。 我想对齐所有红色div，以便：

1. 它连续填充尽可能多的红色div
2. 要么所有div都在行的中心，要么正确计算div边距，以便它们填满整行宽度。目前，右侧可能有未使用的空间。

我该怎么做？

Answer 1

首先，引导行最多可包含12列，或各种宽度或偏移量的列，最多可添加12个。因此，一行中只能有6 col-xs-2，或者{{1或者3 col-xs-1等。有很多方法可以自定义和扩展它，例如嵌套列。只需看一下Bootstrap grid system。

如果您希望内容以页面为中心，请使用带有col-xs-4类的div来围绕它。

如果您希望div自动调整宽度，则需要从css中删除container。

Here's a fiddle