Bootstrap 5 Кнопки Теги кнопок

Кнопки Bootstrap 5 Теги кнопок используются для создания кнопок с использованием элементов <a>, <button> и <input>. Для разработки тегов кнопок мы будем использовать класс .btn. После применения класса .btn к элементам <a>, <button> и <input> браузеры могут отображать элементы в немного разных стилях.

Используемые теги кнопки Класс:

• .btn: этот класс используется для отображения тега кнопки после применения к элементам <a>, <button> и <input>.

Синтаксис:

<a class="btn btn-*" href="#" role="button">
    Button
</a>

<button class="btn btn-*" type="submit">
    Button
</button>

<input class="btn btn-*" type="button" value="Button">

Пример 1. В этом примере мы создадим теги кнопок после применения класса .btn к элементам <a>, <button> и <input>.

Выход:

Пример 2. В этом примере мы создадим теги контурных кнопок после применения класса .btn к элементам <a>, <button> и <input>.

Выход:

Ссылка: https://getbootstrap.com/docs/5.0/components/buttons/#button-tags