Скроллинг для dropdown / Меню / Сниппеты Bootstrap

Версия: v1.0.1

Каталог: Сниппеты Bootstrap

Категория: Меню

Для Bootstrap: 3

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop

Язык: Русский

Уникальный ID: 305

Количество символов:

Посмотрели: 2962 раз

Помощь: установка & настройка

Прокомментировали: 0 раз

Рейтинг: 5.0 / 5 - 4 голосов

Тип лицензии: CC BY 4.0

Авторство: bootstraptema.ru

Информация: Пользователям

Информация: Правообладателям

Теги: Snippet, выпадающее меню, menu, сниппет, Bootstrap, мультименю, html, dropdown, меню, бутстрап

Поделился: IZOTOP

Добавлено: 2015-12-12 в 11:03

Метка: 1582101166

⇄ ⇅

.scrollable-menu {
 height: auto;
 max-height: 144px;
 overflow-x: hidden;
 }
</style>

<div class="btn-group">
 <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
 Скроллинг меню <span class="caret"></span>
 </button>
 <ul class="dropdown-menu scrollable-menu" role="menu">
 <li><a href="#">Пункт 1</a></li>
 <li><a href="#">Пункт 2</a></li>
 <li><a href="#">Пункт 3</a></li>
 <li><a href="#">Пункт 4</a></li>
 <li><a href="#">Пункт 5</a></li>
 <li><a href="#">Пункт 6</a></li>
 <li><a href="#">Пункт 7</a></li>
 <li><a href="#">Пункт 8</a></li>
 <li><a href="#">Пункт 9</a></li>
 <li><a href="#">Пункт 10</a></li>
 <li><a href="#">Пункт 11</a></li>
 <li><a href="#">Пункт 12</a></li>
 <li><a href="#">Пункт 13</a></li>
 <li><a href="#">Пункт 14</a></li>
 <li><a href="#">Пункт 15 Пункт 16 Пункт 17</a></li>
 </ul>
 </div>

</div>

</div></div>

BootstrapTema

Скроллинг для dropdown

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0