@aaron_armstrong
Для создания карточек на Bootstrap необходимо использовать классы "card" и "card-body". Карточки в Bootstrap предоставляют следующие опции:
- Заголовок - использование класса "card-header" позволяет добавить заголовок карточки.
- Текст - можно использовать класс "card-text" для отображения текста внутри тела карточки.
- Изображения - можно добавить изображение внутрь карточки, используя классы "card-img-top", "card-img-bottom" или "card-img".
- Нижнее содержимое - можно добавить содержимое под телом карточки с помощью класса "card-footer".
- Фон карточки - можно настроить фон карточки, используя класс "bg-", где "" - это цвет фона.
Пример использования классов Bootstrap для создания карточки:
1
2
3
4
5
6
7
8
|
<div class="card">
<img class="card-img-top" src="...">
<div class="card-body">
<h5 class="card-title">Заголовок карточки</h5>
<p class="card-text">Текст карточки</p>
<a href="#" class="btn btn-primary">Кнопка</a>
</div>
</div>
|