在Bootstrap中的大搜索框

Question

我正在使用http://bootswatch.com/united/主题，我需要一个large search box中心与我上面的徽标一致，与我在索引页面上的Google.com相同。

我能得到的唯一搜索代码是：

<form class="navbar-form navbar-left">
  <input type="text" class="form-control col-lg-8" placeholder="Search">
</form>

但是没有附加的搜索按钮可以使用这个大按钮附加。

<button type="button" class="btn btn-primary btn-lg">Large button</button>

有人可以帮我正确对齐吗？

谢谢

Answer 1

首先，您需要将按钮放在表单中，然后输入type = text（不要在它们之间留下空隙）。

<form class="navbar-form navbar-left">
      <input type="text" class="form-control col-lg-8" placeholder="Search"><button type="button" class="btn btn-primary btn-lg">Large button</button>
    </form>

然后你可以玩css，通常元素得到显示：inline-block;并使用margin中心表单：0 auto;