Кнопки

Виды кнопок

Default Primary Success Info Warning Danger Outline Link

<button type="button" class="btn btn-default">Default</button>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-outline">Outline</button>
<button type="button" class="btn btn-link">Link</button>

Кнопки в состоянии disabled

Default Primary Success Info Warning Danger Outline Link

<button type="button" class="btn btn-default" disabled="disabled">Default</button>
<button type="button" class="btn btn-primary" disabled="disabled">Primary</button>
<button type="button" class="btn btn-success" disabled="disabled">Success</button>
<button type="button" class="btn btn-info" disabled="disabled">Info</button>
<button type="button" class="btn btn-warning" disabled="disabled">Warning</button>
<button type="button" class="btn btn-danger" disabled="disabled">Danger</button>
<button type="button" class="btn btn-outline" disabled="disabled">Outline</button>
<button type="button" class="btn btn-link" disabled="disabled">Link</button>

Размеры кнопок

Large button Large button

Default button Default button

Small button Small button

Extra small button Extra small button

<p>
<button type="button" class="btn btn-primary btn-lg">Large button</button>
<button type="button" class="btn btn-default btn-lg">Large button</button>
</p>
<p>
<button type="button" class="btn btn-primary">Default button</button>
<button type="button" class="btn btn-default">Default button</button>
</p>
<p>
<button type="button" class="btn btn-primary btn-sm">Small button</button>
<button type="button" class="btn btn-default btn-sm">Small button</button>
</p>
<p>
<button type="button" class="btn btn-primary btn-xs">Extra small button</button>
<button type="button" class="btn btn-default btn-xs">Extra small button</button>
</p>