twitter-bootstrap-3
Кнопки
Поиск…
параметры
| Учебный класс | Описание |
|---|---|
| БТН-умолчанию | Стандартная кнопка. @ brand-default: #fff |
| БТН-первичный | Обеспечивает дополнительный визуальный вес и определяет основное действие. @ brand-primary: darken (# 428bca, 6.5%); |
| БТН-успех | Используется для указания успешного действия. @ brand-success: # 5cb85c; |
| БТН-инфо | Контекстная кнопка для предоставления информации. @ brand-info: # 5bc0de; |
| БТН-предупреждение | Указывает, что пользователь должен соблюдать осторожность. @ brand-warning: # f0ad4e; |
| БТН-опасность | Указывает на опасное или отрицательное действие. @ brand-danger: # d9534f; |
| БТН-ссылка | Используйте для связи. |
Типы кнопок
<button class="btn btn-default" type="button">Default</button>
<button class="btn btn-primary" type="button">Primary</button>
<button class="btn btn-success" type="button">Success</button>
<button class="btn btn-info" type="button">Info</button>
<button class="btn btn-warning" type="button">Warning</button>
<button class="btn btn-danger" type="button">Danger</button>
<a class="btn btn-default" href="#" role="button">Link</a>
<button class="btn btn-default" type="submit">Button</button>
<input class="btn btn-default" type="button" value="Input">
<input class="btn btn-default" type="submit" value="Submit">
Размер кнопки
Класс для бутстрапа кнопки размера:
.btn-lg
.btn-md
.btn-sm
.btn-xs
Например :
<button type="button" class="btn btn-primary btn-lg">Large</button>
<button type="button" class="btn btn-primary btn-md">Medium</button>
<button type="button" class="btn btn-primary btn-sm">Small</button>
<button type="button" class="btn btn-primary btn-xs">XSmall</button>
Modified text is an extract of the original Stack Overflow Documentation
Лицензировано согласно CC BY-SA 3.0
Не связан с Stack Overflow