导航标签中的引导搜索栏

Question

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

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

我想添加一个搜索栏，例如可以包含在导航栏中，但是我找不到其他尝试这样做的证据，因此是否可以将搜索输入添加到导航丸合理类中？

Answer 1

此链接提供了一些示例。

您可以尝试此代码

 <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> 

Answer 2

最后，我切换到使用navbar而不是nav-tabs并像以前一样添加链接。 然后，我使用本机form模板将搜索栏添加为navbar一部分