Bootstrap: Быстрое создание современных сайтов - страница 8
Success! This alert box could indicate a successful or positive action.
Info! This alert box could indicate a neutral informative change or action.
Warning! This alert box could indicate a warning that might need attention.
Danger! This alert box could indicate a dangerous or potentially negative action.
Кнопку закрытия при этом обеспечивает элемент
Дополнительно класс class=«alert alert-success fade in» добавляет анимацию при закрытии сообщения.
Нажатие кнопки закрытия можно обрабатывать с помощью Javascript.
Success! This alert box could indicate a successful or positive action.
С помощью класса. alert-link вместо текста сообщения можно вставлять ссылку.
This alert box could indicate a neutral informative change or action.
Кнопки и группы кнопок
Для создания стилизованной цветом кнопки используется класс. btn совместно с одним из классов. btn-default,.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger,.btn-link.
Вышеуказанные классы могут применяться для элементов ,
Дополнительно классы. btn-lg,.btn-md,.btn-sm,.btn-xs регулируют размер кнопки.
Дополнительно класс. btn-block обеспечивает 100% ширину кнопки.
Класс. active переводит кнопку в нажатое состояние.
Класс. disabled делает кнопку некликабельной.
Для смещения и центрирования кнопок дополнительно применяются классы. pull-left,.pull-right,.center-block.
Класс. btn-group позволяет скомпоновать группу кнопок в строку или столбец.
Горизонтальный макет:
Вертикальный макет:
Группа кнопок позволяет применить размер сразу ко всем кнопкам с помощью дополнительных классов. btn-group-lg,.btn-group-md,.btn-group-sm,.btn-group-xs.
