css - Bootstrap 行中的内容难以居中

标签 css twitter-bootstrap layout twitter-bootstrap-3

我在将三个 div 居中一行时遇到了一些问题。它似乎留在左边。 This bootply shows the row in question .

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

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

Center Contents of Bootstrap row container

非常感谢任何帮助,谢谢

最佳答案

  col-lg-offset-1

在第一个

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

这是您要找的吗? http://www.bootply.com/z2ncCLZPXN

关于css - Bootstrap 行中的内容难以居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24697381/

相关文章:

javascript - Twitter Bootstrap 选项卡式表单

android - 以编程方式创建布局

java - Java的CardLayout中如何获取最上面的卡片

HTML 为什么这两个元素不直接放置在彼此之上?

javascript - AngularJS/ui-bootstrap Accordion -单击时滚动到事件(打开) Accordion 的顶部

css - 为什么这些列垂直堆叠而不是水平 bootstrap 4

javascript - 只有 Javascript 代码来显示没有 onclick 的类

html - 跨度文本填充增加跨度大小

CSS : span in left with fixed width, span in right with fixed width, center table 填满剩余空间

HTML 输入多类型属性