Классы можно использовать для тегов <a>, <button>, или <input>.
<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.
disabled
.disabled
СтандартВажно
<button type="button" class="btn" disabled="disabled">Стандарт</button> <a href="#" class="btn btn-primary disabled">Важно</a>
shopping_cart Корзина shopping_cart Корзина
call Обратный звонок call Обратный звонок
mail_outline Сообщение mail_outline Сообщение
<button type="button" class="btn"> <i class="material-icons">shopping_cart</i> Корзина </button>