首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >导航选项卡中的引导搜索栏

导航选项卡中的引导搜索栏
EN

Stack Overflow用户
提问于 2017-07-13 05:26:12
回答 2查看 1.5K关注 0票数 0

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

代码语言:javascript
运行
复制
<ul class="nav nav-tabs nav-justified">
  ...
</ul>
<ul class="nav nav-pills nav-justified">
  ...
</ul>

我想添加一个搜索栏,例如您可以包括在导航栏中,但我找不到任何其他人试图这样做的证据,所以可以将搜索输入添加到nav-pills调整类中吗?

EN

回答 2

Stack Overflow用户

发布于 2017-07-13 05:32:53

link提供了一些示例。

你可以试试这段代码

代码语言:javascript
运行
复制
<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>

票数 0
EN

Stack Overflow用户

发布于 2017-07-13 23:18:28

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45067776

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档