Как добавить встроенные подменю, как на скриншоте

я добавил логотип и меню человека, используя bootstrap3

Но как добавить подменю, как на скриншоте, с помощью bootstrap3.

Если это лучший способ отображения подменю, пожалуйста.

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


twitter-bootstrap submenu
person user3312708    schedule 17.05.2014    source источник
comment
Где скриншот? Если вы можете добавить код, который вы пробовали, мы могли бы вам помочь.   -  person abaracedo    schedule 17.05.2014

Ответы (1)


arrow_upward
0
arrow_downward

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" с первой вкладки, чтобы приблизиться к вашему конкретному стилю, если вы чувствуете в этом необходимость.

person Shawn Taylor    schedule 18.05.2014