Bootstrap 3 все еще в RC, но я просто пытался это реализовать. Я не мог понять, как поставить класс подменю. Даже нет класса в CSS, и даже новые документы ничего не говорят об этом
Это было там в 2.x с именем класса в выпадающем меню
Bootstrap 3 все еще в RC, но я просто пытался это реализовать. Я не мог понять, как поставить класс подменю. Даже нет класса в CSS, и даже новые документы ничего не говорят об этом
Это было там в 2.x с именем класса в выпадающем меню
Ответы:
Обновлено 2018
dropdown-submenu
Был удален в Bootstrap 3 RC. По словам автора Bootstrap Марка Отто ..Но с небольшим дополнительным CSS вы можете получить ту же функциональность.
Bootstrap 4 (подменю navbar при наведении)
Навигация по подменю Navbar Навигация по подменю
Navbar (выравнивание по правому краю)
Щелкните по выпадающему меню подменю по Navbar (выравнивание по правому краю)
Подсказка по выпадающему меню (без подменю)
Bootstrap 3
Вот пример, который использует 3.0 RC 1: http://bootply.com/71520Вот пример, который использует Bootstrap 3.0.0 (окончательный вариант): http://bootply.com/86684
CSS
Образец разметки
PS - Пример в navbar, который регулирует левое положение: http://bootply.com/92442
источник
.dropdown-submenu:hover {background: #e2e1e1;}
Решение @skelly хорошо, но не будет работать на мобильных устройствах, так как состояние наведения не будет работать.
Я добавил немного JS, чтобы вернуть поведение BS 2.3.2.
PS: он будет работать с тем CSS, который у вас есть: http://bootply.com/71520 хотя вы можете прокомментировать следующую часть:
CSS:
JS:
Результат можно найти в моей теме WordPress (вверху страницы): http://shprinkone.julienrenaux.fr/
источник
$(this).closest(".dropdown-submenu").toggleClass("open");
которая будет открывать / закрывать пункты меню ссылок. Чтобы держать курсор на рабочем столе, необходима проверка ширины области просмотра браузеров, которая будет отличаться для каждого сайта.До сегодняшнего дня (9 января 2014 года) Bootstrap 3 по-прежнему не поддерживает раскрывающееся меню.
Я искал Google о адаптивном меню навигации и обнаружил, что это лучшее, что я.
Это Смарт меню http://www.smartmenus.org/
Я надеюсь, что это выход для тех, кто хочет меню навигации с многоуровневым подменю.
обновление 2015-02-17 Умные меню теперь полностью поддерживают стиль элемента Bootstrap для подменю. Для получения дополнительной информации, пожалуйста, посетите веб-сайт Smart Menus.
источник
Код Шпринка помог мне больше всего, но чтобы избежать выпадения выпадающего экрана, я обновил его до:
JS:
CSS: FROM background-color: #eeeeee TO background-color: # c5c5c5 - белый шрифт и светлый фон выглядели не очень хорошо.
Я надеюсь, что это помогает людям так же, как и для меня!
Но я надеюсь, что Bootstrap вернет функцию сабвуферов как можно скорее.
источник
Комментарий к действительно полезному обходному пути Skelly : в Bootstrap-sass 3.3.6, utilities.scss, строка 19:
.pull-left
hasfloat:left !important
. После этого я рекомендую использовать! Важный в своем CSS:источник
Я столкнулся с этой проблемой несколько дней назад. Я перепробовал много решений, и ни одно из них не помогло мне, в конце концов я создал расширение / переопределение выпадающего кода начальной загрузки. Это копия исходного кода с изменениями в функции closeMenus.
Я думаю, что это хорошее решение, поскольку оно не затрагивает основные классы начальной загрузки js.
Вы можете проверить это на gihub: https://github.com/djokodonev/bootstrap-multilevel-dropdown
источник
Я делаю другое решение для выпадающего списка. Надеюсь, что это полезно Просто добавьте этот сценарий JS
источник