Кнопки

Классы можно использовать для тегов <a>, <button>, или <input>.

Стили

<!-- Стандартная кнопка -->
<button type="button" class="btn">Стандарт</button>

<!-- Важная кнопка -->
<button type="button" class="btn btn-primary">Важно</button>

<!-- Кнопка без рамки -->
<button type="button" class="btn btn-link">Ссылка</button>

Размеры

<!-- Стандартный -->
<button type="button" class="btn">Стандартный</button>

<!-- Средний -->
<button type="button" class="btn btn-md">Средний</button>

<!-- Маленький -->
<button type="button" class="btn btn-sm">Маленький</button>

Отключение кнопки

Для <button>, <input> добавляется атрибут disabled. Для <a> добавляется класс .disabled.

Важно

<button type="button" class="btn" disabled="disabled">Стандарт</button>
<a href="#" class="btn btn-primary disabled">Важно</a>

Кнопка с иконкой

<button type="button" class="btn">
  <i class="material-icons">shopping_cart</i> Корзина
</button>