我在连续三个div中心时遇到了一些麻烦。它似乎留在左边。 This bootply shows the row in question
如果您使用firebug检查行本身,您会注意到该行跨越了页面的大部分,但右侧有一个很大的间隙。我一直试图在左右两侧保持相同的距离,同时保留两个搜索字段和搜索按钮的大小,但没有取得多大成功。
我的搜索产生了以下内容,似乎没有帮助将两个搜索字段和搜索按钮居中。
Center Contents of Bootstrap row container
感谢任何帮助,谢谢
答案 0 :(得分:1)
代码3x col-lg-4
代替2 x col-lg-4 + 1x col-lg-2
你的空间是正确的,因为行未填满,右边有一个空的2/12空格。
这是bootply:http://www.bootply.com/73ZYjSx3XE
答案 1 :(得分:1)
这取决于您希望如何“集中”信息。您可以将所有三个元素放在col-xs-4
中,将所有三个元素放在lg
屏幕上占用相同的空间,它们将是三个,并且它们将居中。
如果您想调整内容的宽度,可以尝试其他方法。例如,您可以在第一个元素中添加col-lg-offset-1
来移动所有内容,并保留当前宽度。
的 Bootply example here 强>
还有其他解决方案,但这取决于您希望如何显示信息。
答案 2 :(得分:1)
我会使用偏移功能。
col-lg-offset-1
记住Bootstrap基于12个总col。一点点数学将有助于使项目居中。
答案 3 :(得分:1)
把
col-lg-offset-1
在第一个
<div class="col-lg-4 control-label">
这是你要找的东西吗? http://www.bootply.com/z2ncCLZPXN