Buttons

Позволяет выводить на экран настраиваемые кнопки.

Default Стандартная кнопка
Основное
действие
Добавляет визуализации и определяет основное действие в наборе кнопок
Успешно! Отображает успешное или одобряемое действие
Инфо Кнопка для информационного оповещения
Внимание Кнопка, указывающая на осторожное действие
Отмена! Кнопка, указывающая на опасное или неодобряемое действие
Ссылка Кнопка-ссылка
<btn type="default">Default</btn>
<btn type="primary">Основное\\ действие</btn>
<btn type="success">Успешно!</btn>
<btn type="info">Инфо</btn>
<btn type="warning">Внимание</btn>
<btn type="danger">Отмена!</btn>
<btn type="link">Ссылка</btn>
<btn type="success" size="lg" icon="glyphicon glyphicon-edit">[[:wiki:welcome]]</btn>

Добро пожаловать в DokuWiki!

Кнопки большего или меньшего размера? Добавьте size=“lg”, size=“sm”, или size=“xs” для дополнительных размеров.

Большая кнопка Большая кнопка

Стандартная кнопка Стандартная кнопка

Маленькая кнопка Маленькая кнопка

Очень маленькая кнопка Очень маленькая кнопка

<btn type="primary" size="lg">Большая кнопка</btn>
<btn type="default" size="lg">Большая кнопка</btn>
 
<btn type="primary">Стандартная кнопка</btn>
<btn type="default">Стандартная кнопка</btn>
 
<btn type="primary" size="sm">Маленькая кнопка</btn>
<btn type="default" size="sm">Маленькая кнопка</btn>
 
<btn type="primary" size="xs">Очень маленькая кнопка</btn>
<btn type="default" size="xs">Очень маленькая кнопка</btn>

Можно легко добавить кнопку-блок, которая будет растянута на всю ширину родительского элемента. Для этого необходимо добавить опцию block=“true”

Кнопка-блок

Кнопка-блок

<btn type="primary" size="lg" block="true">Кнопка-блок</btn>
 
<btn type="default" size="lg" block="true">Кнопка-блок</btn> 

Когда кнопки активны, они будут отображаться нажатыми (с более темным фоном, более темной рамкой и вставленной тенью). Плагин Bootstrap Wrapper автоматически определяет активное состояние текущей страницы.

Buttons Panels

<btn type="primary">[[Buttons]]</btn> <btn type="default">[[Panels]]</btn>

Можно сделать так, чтобы кнопки были некликабельными (в неактивном состоянии), затемняя их.

Buttons Panels

<btn type="primary" disabled="true">[[Buttons]]</btn> <btn type="default" disabled="true">[[Panels]]</btn>

Сообщений 4

<btn type="primary">Сообщений <badge>4</badge></btn>
Атрибут Значение
по умолчанию
Разрешённые значения Описание
block Опция true false Кнопка-блок (растянуты на всю ширину родительского элемента)
collapse Опция Селектор целевого элемента для сворачивания (см. Collapse)
disabled Опция true false Выключенная кнопка
icon Опция Класс иконки шрифта (например, Glyphicon или Font-Awesome)
modal Опция Идентификатор модального окна (см. Modal)
size Опция lg sm xs Размер кнопки
type default default primary success info warning danger link Тип кнопки

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

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