导航标签

Question

我正在使用Bootstrap为我的父母创建一个博客。对于导航栏，我正在使用Bootstrap navs nav-tabs，如下所示：

<ul class="nav nav-tabs nav-justified">
  ...
</ul>
<ul class="nav nav-pills nav-justified">
  ...
</ul>

我想添加一个搜索栏，例如你可以包含在导航栏中，但我无法找到其他人尝试这样做的任何证据，那么是否可以将搜索输入添加到nav-pills合理的类？

Answer 1

此link提供了一些示例。

您可以尝试此代码

＆＃13;

＆＃13;

<ul class="nav nav-tabs nav-justified">
  <li><a href="#">Home</a></li>
  <li><a href="#">Menu 1</a></li>
  <li><a href="#">Menu 2</a></li>
  <li><input Type="text" placeholder="serach"></li>
</ul>

＆＃13;

＆＃13;

＆＃13;

Answer 2

最后，我切换到使用navbar而不是nav-tabs，并像以前一样添加了链接。然后，我使用原生form模板添加了搜索栏，作为navbar

的一部分