Question

所以引导主题位于此处：http://www.bootply.com/render/129806 这是一个非常好的例子。现在，请记住，我确实知道HTML和CSS，我对此示例（和引导程序）感到有些不知所措，并将在未来的帮助下向前付款。

但有人可以解释一下：

我如何/在何处添加表单标签等以使此搜索实际上执行get请求。
搜索样式的最佳方式是什么，所以时间不长。
如何将此帐户下拉到此导航的最左侧。我已尝试过右拉，但经过多次编辑后，我已经过了。

Answer 1

好的，这可以帮助您在这里开始使用这个小提琴http://jsfiddle.net/rpdgqnkc/

  <div class="col-lg-4 col-md-5 col-sm-3">
      <form class="navbar-form" id="theSearchForm" name="theSearchForm" role="search" method="get" action="yoursearchfilescriptgoeshere">
    <div class="input-group">
      <input type="text" class="form-control" placeholder="Search">
       <div class="input-group-btn">
        <a class="btn btn-default" href="javascript:document.theSearchForm.submit();"><i class="glyphicon glyphicon-search"></i></a>

    </div>
    </div>

  </form>
  </div>

请注意使用method =“get”的表单标记，您可以在操作中放置任何搜索脚本，然后使用按钮上的href进行提交。您需要自己的搜索脚本，或者如果您使用谷歌进行网站搜索，则可以在此处复制代码https://support.google.com/customsearch/answer/1737334?hl=en
将搜索表单包装在div中，并使用col-lg，col-md和col-sm控制大小调整。您必须使用导航器上的媒体查询调整字体大小，填充等，以使其不会在某些宽度上中断，具体取决于您尝试在导航栏中放置的导航元素数量。
请向右边的下拉菜单示例。

祝其余的好运

Bootstrap 3在导航栏中搜索

1 个答案: