Как сделать карточку с вкладками или кнопками - Наполняем сайт. Секции страницы
Наполняем сайт. Секции страницы
На главную nasdanika.org
Теория.
Роль Section
Что такое секции? Стили секций Вложенность секций
Практика.
Создаём параграфы, вкладки и карточки
Изменяем структуру раздела "Описание". Создаём вкладки. Изменяем стиль секций. Создаём параграфы. Вкладки (Tabs) и кнопки (Pills) Создаем раздел с разными стилями секций
Bootstrap Cards (карточки)
Что такое Bootstrap Card? Как сделать карточку с вкладками или кнопками Как сделать много однотипных карточек Как изменить количество карточек отображаемых на странице
Как встроить картинку
Как встроить картинку в название Action Встраивание изображений в HTML. Абсолютный и относительный путь к файлу. Организуем хранение изображений в проекте Встариваем картинки в Markdown Встраиваем картинки как HTML-код Используем контент-элемент Tag Используем редактор HTML Встраиваем принтскрины с помощью контент-элемента Image Как встроить иконку в название элемента

Как сделать карточку с вкладками или кнопками

Простая карточка

Для того чтобы сделать простую карточку:

  1. Создаем Action
  2. Присваиваем ей роль Section
  3. В родительском элементе устанавливаем Section Style = Card

Карточка с вкладками

Алгоритм Диаграмма Дерево

Для того чтобы сделать карточку с дочерними контент-блоками в виде вкладок:

  1. Создаем Action
  2. Связываем с родительским элементом
  3. В родительском элементе устанавливаем Section Style = Card
  4. Присваиваем созданной Action роль = Section, Section Style = Card Tab
  5. Создаем два (или несколько) дочерних по отношению к карточке элемента
  6. Устанавливаем им роль = Section

Генерируем сайт и получаем карточку с вкладками.

Карточка с кнопками

Алгоритм Диаграмма Дерево

Для того чтобы сделать карточку с дочерними контент-блоками в виде вкладок:

  1. Создаем Action
  2. Связываем с родительским элементом
  3. В родительском элементе устанавливаем Section Style = Card
  4. Присваиваем созданной Action роль = Section, Section Style = Card Pill
  5. Создаем два (или несколько) дочерних по отношению к карточке элемента
  6. Устанавливаем им роль = Section

Генерируем сайт и получаем карточку с кнопками-таблетками.