2015-06-19 7 views
0

Меню My Bootstrap не показывает раскрывающееся меню подменю. Вот код. Я использую Bootstrap 3. Класс «dropdown-submenu», который, я считаю, должен отображать стрелку, а на клике - подменю ul.Подменю выпадающего меню Bootstrap не работает

<div class="dropdown"> 
    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> 
    Category 
    <span class="caret"></span> 
    </button> 
<ul class="dropdown-menu"> 
    <li class="dropdown-submenu"> 
     <a href="/lifestyle/category/arts">Arts</a> 
     <ul class="dropdown-menu"> 
    <li > 
     <a href="/lifestyle/category/artist-profiles">Artist Profiles</a> 
    </li> 
     </ul> 
    </li> 
    <li > 
     <a href="/lifestyle/category/buzz-quiz">Buzz Quiz</a> 
    </li> 
    <li > 
     <a href="/lifestyle/category/coast">Coast</a> 
    </li> 
    <li class="dropdown-submenu"> 
     <a href="/lifestyle/category/crime-security">Crime/Security</a> 
     <ul class="dropdown-menu"> 
    <li > 
     <a href="/lifestyle/category/rape-resources">Rape Resources</a> 
    </li> 
    <li > 
     <a href="/lifestyle/category/security-overview">Security Overview</a> 
    </li> 
     </ul> 
</li> 
    <li > 
     <a href="/lifestyle/category/environment">Environment</a> 
    </li> 
    <li class="dropdown-submenu"> 
     <a href="/lifestyle/category/fashion">Fashion</a> 
    <ul class="dropdown-menu"> 
    <li > 
     <a href="/lifestyle/category/about-fafa">About FAFA</a> 
    </li> 
    <li > 
     <a href="/lifestyle/category/designers">Designers</a> 
    </li> 
     </ul> 
    </li> 
</ul> 
</div> 
+0

Это весь ваш код? Если это так, то отсутствует кнопка переключения: http://getbootstrap.com/components/#dropdowns – martynasma

+0

Я включил весь div –

+0

Сделайте одну скрипку .. –

ответ

0

Bootstrap 3.3.5 (ток) документация и Bootstrap 3.3.5 CSS файл не содержит определения для dropdown-submenu класса. Это означает, что этот класс является избыточным и вообще не влияет на код (конечно, если вы не описали его в своем собственном CSS).
Вот JS Fiddle Demo, который работает, как он должен работать.

Я нашел определение dropdown-submenu в Bootstrap 2.3.2, но похоже, что он сейчас лишен.
Вот working JS Fiddle Demo with submenus с Bootstrap 2.3.2.

Тем не менее, I высоко рекомендует не использовать устаревшую библиотеку из-за одной функции.

Смежные вопросы