книгопечатание

Заголовок 1

Заголовок 2

Заголовок 3

Заголовок 4

Заголовок 5

Заголовок 6

Показать 1

Показать 2

Показать 3

Показать 4

Показать 5

Показать 6

Это вводной абзац. Он выделяется среди обычных абзацев.

Вы можете использовать тег метки, чтобы выделить текст.

Эта строка текста должна рассматриваться как удаленный текст.

Эта строка текста должна рассматриваться как неточная.

Эта строка текста должна рассматриваться как дополнение к документу.

Эта строка текста будет отображаться как подчеркнутая.

Эта строка текста должна рассматриваться как мелкий шрифт.

Эта строка выделена жирным шрифтом.

Эта строка отображается как выделенный курсивом текст.


Известная цитата, содержащаяся в элементе blockquote.

Кто-то известный в Название источника
  • Это список.
  • Он выглядит совершенно не стилизованным.
  • Структурно это все еще список.
  • Однако этот стиль применяется только к непосредственным дочерним элементам.
  • Вложенные списки:
    • не затронуты этим стилем
    • все равно покажет пулю
    • и иметь соответствующее левое поле
  • Это все еще может пригодиться в некоторых ситуациях.
  • Это элемент списка.
  • И еще один.
  • Но они отображаются встроенными.

Фотографии

ЗаполнительОтзывчивое изображение
Обычное квадратное изображение-заполнитель с белой рамкой вокруг него, что делает его похожим на фотографию, сделанную старой камерой мгновенной печати.200 × 200

таблицы

# Имя Фамилия Обрабатывание
1 Отметьте эфирное масло @мдо
2 Иаков Торнтон @ Жира
3 Ларри Птица @ Twitter
# Имя Фамилия Обрабатывание
1 Отметьте эфирное масло @мдо
2 Иаков Торнтон @ Жира
3 Ларри Птица @ Twitter
Класс Заголовок Заголовок
По умолчанию Ячейка Ячейка
первичная Ячейка Ячейка
Старшая школа Ячейка Ячейка
Успех Ячейка Ячейка
Опасность Ячейка Ячейка
Предупреждение Ячейка Ячейка
Инфо Ячейка Ячейка
Лайт Ячейка Ячейка
темно Ячейка Ячейка
# Имя Фамилия Обрабатывание
1 Отметьте эфирное масло @мдо
2 Иаков Торнтон @ Жира
3 Ларри Птица @ Twitter
Заполнитель400 × 300
Подпись к изображению выше.

Компоненты

Аккордеон

Документация

Это корпус аккордеона первого предмета. По умолчанию он скрыт, пока плагин сворачивания не добавит соответствующие классы, которые мы используем для стилизации каждого элемента. Эти классы управляют общим внешним видом, а также отображением и скрытием с помощью переходов CSS. Вы можете изменить любой из них с помощью собственного CSS или переопределив наши переменные по умолчанию. Также стоит отметить, что почти любой HTML может быть в .accordion-body, хотя переход ограничивает переполнение.

Это корпус аккордеона второго предмета. По умолчанию он скрыт, пока плагин сворачивания не добавит соответствующие классы, которые мы используем для стилизации каждого элемента. Эти классы управляют общим внешним видом, а также отображением и скрытием с помощью переходов CSS. Вы можете изменить любой из них с помощью собственного CSS или переопределив наши переменные по умолчанию. Также стоит отметить, что почти любой HTML может быть в .accordion-body, хотя переход ограничивает переполнение.

Это корпус аккордеона третьего предмета. По умолчанию он скрыт, пока плагин сворачивания не добавит соответствующие классы, которые мы используем для стилизации каждого элемента. Эти классы управляют общим внешним видом, а также отображением и скрытием с помощью переходов CSS. Вы можете изменить любой из них с помощью собственного CSS или переопределив наши переменные по умолчанию. Также стоит отметить, что почти любой HTML может быть в .accordion-body, хотя переход ограничивает переполнение.

Оповещения

Документация

Пример заголовка Новые

Пример заголовка Новые

Пример заголовка Новые

Пример заголовка Новые

Пример заголовка Новые

Пример заголовка Новые

Пример заголовка Новые

Пример заголовка Новые

первичная Старшая школа Успех Опасность Предупреждение Инфо Лайт темно
ЗаполнительКрышка изображения
Название карты

Небольшой пример текста, который будет основываться на заголовке карты и составлять основную часть содержимого карты.

Иди куда-нибудь
Популярные
Название карты

Небольшой пример текста, который будет основываться на заголовке карты и составлять основную часть содержимого карты.

Иди куда-нибудь
Название карты

Небольшой пример текста, который будет основываться на заголовке карты и составлять основную часть содержимого карты.

  • Пункт
  • Второй элемент
  • Третий элемент
ЗаполнительФото товара
Название карты

Это более широкая карточка со вспомогательным текстом ниже, который является естественным переходом к дополнительному контенту. Этот контент немного длиннее.

Последнее обновление 3 минуты назад

Список группы

Документация
  • Отключенный элемент
  • Второй элемент
  • Третий элемент
  • Четвертый пункт
  • И пятый
  • Пункт
  • Второй элемент
  • Третий элемент
  • Четвертый пункт
  • И пятый

Поповерс

Документация

прокрутка

Документация

Первый заголовок

Это некоторый заполнитель для страницы scrollspy. Обратите внимание, что при прокрутке страницы соответствующая навигационная ссылка выделяется. Это повторяется во всем примере компонента. Мы продолжаем добавлять сюда еще несколько примеров, чтобы подчеркнуть прокрутку и выделение.

Второй заголовок

Это некоторый заполнитель для страницы scrollspy. Обратите внимание, что при прокрутке страницы соответствующая навигационная ссылка выделяется. Это повторяется во всем примере компонента. Мы продолжаем добавлять сюда еще несколько примеров, чтобы подчеркнуть прокрутку и выделение.

Третий заголовок

Это некоторый заполнитель для страницы scrollspy. Обратите внимание, что при прокрутке страницы соответствующая навигационная ссылка выделяется. Это повторяется во всем примере компонента. Мы продолжаем добавлять сюда еще несколько примеров, чтобы подчеркнуть прокрутку и выделение.

Четвертый заголовок

Это некоторый заполнитель для страницы scrollspy. Обратите внимание, что при прокрутке страницы соответствующая навигационная ссылка выделяется. Это повторяется во всем примере компонента. Мы продолжаем добавлять сюда еще несколько примеров, чтобы подчеркнуть прокрутку и выделение.

Пятый заголовок

Это некоторый заполнитель для страницы scrollspy. Обратите внимание, что при прокрутке страницы соответствующая навигационная ссылка выделяется. Это повторяется во всем примере компонента. Мы продолжаем добавлять сюда еще несколько примеров, чтобы подчеркнуть прокрутку и выделение.

Вращающиеся блесны

Документация
Загрузка ...
Загрузка ...
Загрузка ...
Загрузка ...
Загрузка ...
Загрузка ...
Загрузка ...
Загрузка ...
Загрузка ...
Загрузка ...
Загрузка ...
Загрузка ...
Загрузка ...
Загрузка ...
Загрузка ...
Загрузка ...

Всплывающие подсказки

Документация