Шпаргалка по Bootstrap: основные методы и приемы веб-разработки

Вот шпаргалка по Bootstrap с различными методами и техниками:

  1. Система сетки:

    • контейнер: создает центрированный контейнер для хранения контента.
    • row: создает горизонтальную строку для хранения столбцов.
    • col-*: определяет ширину и поведение столбца.
  2. Типографика:

    • h1–h6: теги заголовков разных уровней.
    • p: определяет абзац.
    • Lead: создает более крупный абзац, выделенный жирным шрифтом.
  3. Кнопки:

    • btn: создает базовую кнопку.
    • btn-primary: создает основную кнопку.
    • btn-вторичный: создает дополнительную кнопку.
    • btn-success, btn-info, btn-warning, btn-danger: создает кнопки с разными цветовыми схемами.
  4. Формы:

    • форма: содержит элементы формы.
    • form-group: группирует элементы управления формой.
    • form-control: создает поле ввода.
  5. Панель навигации:

    • navbar: создает адаптивную панель навигации.
    • navbar-brand: создает логотип или название бренда.
    • navbar-nav: создает список навигационных ссылок.
    • navbar-toggler: создает кнопку для переключения панели навигации на мобильных устройствах.
  6. Карточки:

    • Карточка: создает гибкий и расширяемый контейнер контента.
    • card-header, card-body, card-footer: делит карточку на разные разделы.
  7. Модальное окно:

    • модальный: создает модальное диалоговое окно.
    • modal-header, modal-body, modal-footer: делит модальное окно на разные разделы.
    • modal-title: добавляет заголовок в модальное окно.
  8. Оповещения:

    • alert: создает сообщение с предупреждением, которое можно закрыть.
    • alert-primary, alert-вторичный, alert-success, alert-info, alert-warning, alert-danger: создает оповещения с различными цветовыми схемами.
  9. Карусель:

    • карусель: создает компонент слайд-шоу.
    • carousel-item: представляет каждый слайд в карусели.
  10. Значки:

    • Значки Bootstrap: встроенные значки SVG, которые можно легко интегрировать.

Это всего лишь несколько методов и техник в Bootstrap. В документации Bootstrap доступно множество других функций и компонентов.