Question

我在连续三个div中心时遇到了一些麻烦。它似乎留在左边。 This bootply shows the row in question

如果您使用firebug检查行本身，您会注意到该行跨越了页面的大部分，但右侧有一个很大的间隙。我一直试图在左右两侧保持相同的距离，同时保留两个搜索字段和搜索按钮的大小，但没有取得多大成功。

我的搜索产生了以下内容，似乎没有帮助将两个搜索字段和搜索按钮居中。

感谢任何帮助，谢谢

Answer 1

代码3x col-lg-4代替2 x col-lg-4 + 1x col-lg-2

你的空间是正确的，因为行未填满，右边有一个空的2/12空格。

Answer 2

这取决于您希望如何“集中”信息。您可以将所有三个元素放在col-xs-4中，将所有三个元素放在lg屏幕上占用相同的空间，它们将是三个，并且它们将居中。

如果您想调整内容的宽度，可以尝试其他方法。例如，您可以在第一个元素中添加col-lg-offset-1来移动所有内容，并保留当前宽度。的 Bootply example here

还有其他解决方案，但这取决于您希望如何显示信息。

Answer 3

我会使用偏移功能。

col-lg-offset-1

记住Bootstrap基于12个总col。一点点数学将有助于使项目居中。

Answer 4

把

  col-lg-offset-1

在第一个

 <div class="col-lg-4 control-label">