css - 如何在导航栏的中心对齐文本框

Question

在下面的链接中：

http://bootply.com/69899

您可以看到输入文本框在导航栏中左对齐。有什么办法可以将它对齐在导航栏的中心（水平和垂直）？

Answer 1

尝试这个

<div class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
      <a class="brand" href="#">Test</a>
      <form class="navbar-search pull-left">
      <input type="url" placeholder="none">
      </form>
    </div>
  </div>
</div>

对我来说工作得很好。考虑到您正在使用引导程序。

Answer 2

将 line-height 设置为您的 div 高度并使用常见的 align-center 应该会有所帮助。