Вот шпаргалка по Bootstrap с различными методами и техниками:
-
Система сетки:
- контейнер: создает центрированный контейнер для хранения контента.
- row: создает горизонтальную строку для хранения столбцов.
- col-*: определяет ширину и поведение столбца.
-
Типографика:
- h1–h6: теги заголовков разных уровней.
- p: определяет абзац.
- Lead: создает более крупный абзац, выделенный жирным шрифтом.
-
Кнопки:
- btn: создает базовую кнопку.
- btn-primary: создает основную кнопку.
- btn-вторичный: создает дополнительную кнопку.
- btn-success, btn-info, btn-warning, btn-danger: создает кнопки с разными цветовыми схемами.
-
Формы:
- форма: содержит элементы формы.
- form-group: группирует элементы управления формой.
- form-control: создает поле ввода.
-
Панель навигации:
- navbar: создает адаптивную панель навигации.
- navbar-brand: создает логотип или название бренда.
- navbar-nav: создает список навигационных ссылок.
- navbar-toggler: создает кнопку для переключения панели навигации на мобильных устройствах.
-
Карточки:
- Карточка: создает гибкий и расширяемый контейнер контента.
- card-header, card-body, card-footer: делит карточку на разные разделы.
-
Модальное окно:
- модальный: создает модальное диалоговое окно.
- modal-header, modal-body, modal-footer: делит модальное окно на разные разделы.
- modal-title: добавляет заголовок в модальное окно.
-
Оповещения:
- alert: создает сообщение с предупреждением, которое можно закрыть.
- alert-primary, alert-вторичный, alert-success, alert-info, alert-warning, alert-danger: создает оповещения с различными цветовыми схемами.
-
Карусель:
- карусель: создает компонент слайд-шоу.
- carousel-item: представляет каждый слайд в карусели.
-
Значки:
- Значки Bootstrap: встроенные значки SVG, которые можно легко интегрировать.
Это всего лишь несколько методов и техник в Bootstrap. В документации Bootstrap доступно множество других функций и компонентов.