У такому підході ми використання класів Bootstrap 5 btn і btn-link для створення кнопки, яка виглядає як посилання. Коли користувач натискає кнопку, сповіщення показує повідомлення «Натиснуто кнопку». Використовуючи ці класи, ми можемо створювати кнопки на основі посилань, які виглядатимуть як справжні посилання, а не як проста кнопка.
Перемикати стани. Додайте data-bs-toggle="button", щоб перемикати активний стан кнопки. Якщо ви попередньо перемикаєте кнопку, вам потрібно вручну додати клас .active і aria-pressed="true", щоб переконатися, що вони належним чином передаються до допоміжних технологій.
Щоб додати посилання до кнопки, ви можете використовуйте тег прив’язки <a>, який оберне вашу кнопку. Ось приклад коду з HTML. Ви можете замінити https://www.example.com на URL-адресу, на яку ви хочете зробити посилання, і «Натисніть мене» на текст, який ви хочете відобразити на кнопці.
Спробуйте це: Виберіть свою кнопку на панелі «Параметри» (угорі справа). виберіть вкладку «Параметри» (значок шестірні). У розділі «Параметри кнопки» використовуйте спадне меню «Елемент», щоб змінити «Кнопка» на «Посилання»..
Використання тегу кнопки всередині тегу <a>: цей метод створює кнопку всередині тегу прив’язки. Тег прив’язки переспрямовує веб-сторінку до вказаного місця.