如何像截图一样添加内联子菜单答案

【问题标题】：How to add inline submenus like the screenshot如何像截图一样添加内联子菜单
【发布时间】：2015-07-03 16:44:09
【问题描述】：

我使用 bootstrap3 添加了 logo 和 man 菜单

但是如何使用 bootstrap3 添加像截图一样的子菜单。

如果显示子菜单的方式更好，请。

http://i.imgur.com/WHntqYr.jpg

【问题讨论】：

截图在哪里？如果您可以添加您尝试过的代码，我们可以为您提供帮助。

标签： twitter-bootstrap submenu

【解决方案1】：

Bootstrap 的导航选项卡非常适合：

<div class="container">
  <div class="h1">Heading</div>
    <ul class="nav nav-tabs">
      <li class="active"><a href="">Submenu 1</a></li>
      <li><a href="">Submenu 2</a></li>
      <li><a href="">Submenu 3</a></li>
    </ul>
  <br />
  <div class="tab-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</div>
</div>

此处示例：http://www.bootply.com/gViQEKnTfZ

此外，如果您觉得需要，请从第一个选项卡中删除 class="active" 以更接近您的特定样式。

【讨论】：