如何添加内嵌子菜单，如截图

Question

我使用bootstrap 3添加了徽标和man菜单

但是如何使用bootstrap 3添加截图等子菜单。

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

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

Answer 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"以更接近您的特定样式。