Panels

Позволяет вставлять в статью текстовый блок - панель.

Пример обычной панели

<panel type="default">Пример обычной панели</panel>

Заголовок панели

Содержимое панели

<panel type="default" title="Заголовок панели">
Содержимое панели
</panel>

Заголовок панели

Подзаголовок панели

Содержимое панели

<panel type="default" title="Заголовок панели" subtitle="Подзаголовок панели">
Содержимое панели
</panel>

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

Primary

Содержимое панели

Success

Содержимое панели

Info

Содержимое панели

Warning

Содержимое панели

Danger

Содержимое панели

<panel type="primary" title="Primary">Содержимое панели</panel>
<panel type="success" title="Success">Содержимое панели</panel>
<panel type="info" title="Info">Содержимое панели</panel>
<panel type="warning" title="Warning">Содержимое панели</panel>
<panel type="danger" title="Danger">Содержимое панели</panel>

Можно бесшовно добавить в панель любую неокрашенную таблицу. Атрибут no-body=«true» добавляет дополнительную границу в верхнюю часть таблицы для разделения содержимого панели и теста таблицы.

Заголовок панели

Содержимое панели - тело панели.
# Фамилия Имя Отчество
1 Иванов Иван Иванович
2 Петров Петр Петрович
3 Васильев Василий Васильевич
<panel type="default" title="Заголовок панели" no-body="true">
<panel-body>Содержимое панели - тело панели.</panel-body>
^ # ^ Фамилия ^ Имя ^ Отчество ^
^ 1 | Иванов     | Иван	     | Иванович    |
^ 2 | Петров     | Петр      | Петрович    |
^ 3 | Васильев   | Василий   | Васильевич  |
</panel>

Если тело панели отсутствует, то компонент Panels перемещает таблицу к заголовку панели без дополнительного разделения.

Заголовок панели

# Фамилия Имя Отчество
1 Иванов Иван Иванович
2 Петров Петр Петрович
3 Васильев Василий Васильевич
<panel type="default" title="Заголовок панели" no-body="true">
^ # ^ Фамилия ^ Имя ^ Отчество ^
^ 1 | Иванов     | Иван	     | Иванович    |
^ 2 | Петров     | Петр      | Петрович    |
^ 3 | Васильев   | Василий   | Васильевич  |
</panel>

Список можно легко включить во всю ширину панели.

Заголовок панели

Содержимое панели.
  • Иванов Иван Иванович
  • Петров Петр Петрович
  • Сидоров Сидор Сидорович
  • Васильев Василий Васильевич
  • Дмитриев Дмитрий Дмитриевич
<panel type="default" title="Заголовок панели" no-body="true">
<panel-body>Содержимое панели.</panel-body>
<list-group>
  * Иванов Иван Иванович
  * Петров Петр Петрович
  * Сидоров Сидор Сидорович
  * Васильев Василий Васильевич
  * Дмитриев Дмитрий Дмитриевич
</list-group></panel>

Заголовок панели

Подзаголовок панели

Содержимое панели

<panel type="default" title="Заголовок панели" subtitle="Подзаголовок панели" icon="glyphicon glyphicon-home">
Содержимое панели 
</panel>
Атрибут Значение
по умолчанию
Разрешенные значения Описание
type default default primary success info warning danger Тип панели
title Опция Заголовок панели
subtitle Опция Подзаголовок панели
icon Опция Font icon class (например, Glyphicon или Font-Awesome)
no-body Опция Не добавляйте содержимое панели. Полезно для добавления других тегов (или таблиц) внутри панелей.

Узнали что-то новое?

  • Последние изменения: 14 дней назад