Bootstrap v5.0.0 Beta 3
В 3 бета-версию Bootstrap 5 внесены некоторые удивительные изменения включая новый компонент offcanvas, исправили важные ошибки с момента последнего выпуска, в частности, в наших зависимостях.* Bootstrap v5.0.0 Beta 3 CDN Files + offcanvas element.
Версия: v5.0.0 Beta 3
Каталог: Плагины Bootstrap
Категория: Улучшение
Для Bootstrap: 5
Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop, Shopify, Vue, React, Laravel, Angular, WHMCS
Язык: Английский
Вес файла: 4.99 Mb
Уникальный ID: 4515
Посмотрели: 1115 раз
Скачать бесплатно
Помощь: установка & настройка
Скачали бесплатно: 24 раз
Прокомментировали: 0 раз
Рейтинг: 3.4 / 5 - 8 голосов
Тип лицензии: CC BY 4.0
Авторство: https://blog.getbootstrap.com/2021/03/23/bootstrap-5-beta-3/
Информация: Пользователям
Информация: Правообладателям
Теги:
Поделился: BootstrapТема
Добавлено: 2021-04-15 в 17:22
Метка: 1618496557
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script> <div class="container-fluid"><div class="row"> <a class="btn btn-primary" data-bs-toggle="offcanvas" href="#offcanvasExample" role="button" aria-controls="offcanvasExample"> Link with href </a> <button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample"> Button with data-bs-target </button> <div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasExample" aria-labelledby="offcanvasExampleLabel"> <div class="offcanvas-header"> <h5 class="offcanvas-title" id="offcanvasExampleLabel">Offcanvas</h5> <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button> </div> <div class="offcanvas-body"> <div> Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc. </div> <div class="dropdown mt-3"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown"> Dropdown button </button> <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <li><a class="dropdown-item" href="#">Action</a></li> <li><a class="dropdown-item" href="#">Another action</a></li> <li><a class="dropdown-item" href="#">Something else here</a></li> </ul> </div> </div> </div> </div></div>