ОСНОВНОЕ

WORDPRESS

Операционные системы

Базы данных

Фреймворк Bootstrap

Проще написать неправильную программу, чем понять правильную. (Алан.Дж.Перлис)

Bootstrap – Кнопки с выпадающим списком

FavoriteLoadingДобавить в избранное
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...
Bootstrap - Кнопки с выпадающим списком
В этой главе мы поговорим о том, как добавить кнопки с выпадающимся меню, используя классы Bootstrap. Чтобы добавить выпадающее меню к кнопке, просто оберните кнопку и раскрывающееся меню в .btn-group. Вы можете также использовать <span class = “caret”></span>, чтобы указать в качестве индикатора того, что кнопка является раскрывающийся.

Следующий пример демонстрирует основные одной кнопки с выпадающимся списком:

 

Кнопка с разделением выпадающим списком

Кнопка с разделением выпадающим списком используется один и тот же общий стиль как кнопка с выпадающим списком, но еще добавляется первичное действие вместе с выпадающим меню. Разделенные кнопки имеют первичное действие слева и переключатель справа, который отображает ниспадающее меню.

 

Размер кнопки с выпадающим списком

Вы можете использовать выпадающие списки с любым размером кнопки – .btn-large, .btn-sm, или.btn-xs.

 

Разновидности кнопок с раскрывающимся списком

Меню также может быть построено, чтобы быть выпадающим. Для достижения этой цели, просто добавьте .dropup в родительском контейнер .btn-group.

 

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Простая логическая игра "Поймай кота". Задача игры окружить кота точками так, чтобы он не смог убежать с поля. Постигла неудача - начни игру снова!

Заполните форму и наш менеджер перезвонит Вам в самое ближайшее время!

badge
Обратный звонок 1
Отправить
galka

Спасибо! Ваша заявка принята

close
galka

Спасибо! Ваша заявка принята

close