使 bootstrap 搜索框在 Blogger 上正常运行

Question

我正在尝试将我网页的导航栏从 Blogger 默认替换为 bootstrap。我将示例修改为在导航栏中只有一个搜索框，但它不搜索。我该怎么做？

<nav class="navbar navbar-default">
<div class="container-fluid">
      <form class="navbar-form navbar-left" role="search">
    <div class="form-group">
        <input type="text" class="form-control" placeholder="Search"></input>
    </div>
    <button type="submit" class="btn btn-default">Submit</button>
  </form>
    </div>
</nav>

http://jsfiddle.net/ariloc/auu1L19k/6/

Answer 1

您忘记了表单方法和操作的一些重要部分。试试这个：

<nav class="navbar navbar-default">
    <div class="container-fluid">
        <form id="searchbox" method="get" action="/search" autocomplete="off" class="navbar-form navbar-left" role="search">
            <input name='q' type="text" type="text" class="form-control" placeholder="Search" />
            <button id="button-submit" type="submit" value=" " class="btn btn-default" />
        </form>
        </div>
</nav>

Answer 2

Ari Fi。
您需要添加更多属性才能使博主搜索正常工作。

在 <form> 中添加 method="get" action="/search"
在<input>中添加name='q'

见下面的代码

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <form  method="get" action="/search" class="navbar-form navbar-left" role="search">
      <div class="form-group">
        <input name='q' type="text" class="form-control" placeholder="Search"></input>
      </div>
      <button type="submit" class="btn btn-default">Submit</button>
    </form>
  </div>
</nav>

使 bootstrap 搜索框在 Blogger 上正常运行

Make a bootstrap search box functional on blogger

blogger

search-box

twitter-bootstrap