Content (контент)
В этом разделе представлена документация по ключевым компонентам Bootstrap 5: Reboot, Typography, Images и Figures, Tables и Figures. Они помогают легко стилизовать и упрощать создание визуально привлекательных интерфейсов.
Reboot (сброс стилей)
Reboot — это стилизация по умолчанию, которая задает базовые CSS-правила для всех HTML-элементов. Она включает:
- Устранение несоответствий между браузерами.
- Нормализацию стандартных стилей HTML.
- Сброс стандартных полей, отступов и других свойств.
Reboot предоставляет чистую и согласованную основу для разработки, сохраняя семантическую структуру элементов.
Typography (типографика)
Bootstrap 5 предлагает обширный набор типографических инструментов, обеспечивая:
- Стильные заголовки (
<h1>–<h6>). - Гибкие классы для форматирования текста (например,
text-muted,text-primary). - Управление размерами шрифта, межстрочными интервалами и выравниванием.
- Поддержку пользовательских шрифтов и весов.
Инструменты позволяют настроить шрифты под любой стиль вашего проекта.
Images (изображения) и Figures (фигуры)
Bootstrap упрощает работу с изображениями с помощью утилит, позволяя:
- Создавать адаптивные изображения с помощью класса
img-fluid. - Применять обрезку и закругление (
rounded,rounded-circle). - Добавлять эффекты, такие как тени (
shadow-sm,shadow-lg).
Эти инструменты помогают создавать аккуратный и современный визуальный контент.
Компонент Figures предоставляет удобный способ для отображения изображений с подписями. Ключевые функции включают:
- Простую структуру с использованием классов
figure,figure-imgиfigure-caption. - Поддержку адаптивных изображений и подписей.
Figures идеально подходят для создания структурированных и аккуратных галерей.
Tables (таблицы)
Стилизация таблиц в Bootstrap предоставляет:
- Адаптивные таблицы с классом
table-responsive. - Встроенные стили (полосатые строки, выделение строки, минималистичные таблицы).
- Простую интеграцию с дополнительными классами для улучшения внешнего вида (
table-striped,table-bordered).
Эти возможности позволяют удобно отображать табличные данные.
Этот набор инструментов позволяет легко создавать структурированные и стилизованные элементы интерфейса для вашего проекта.