1 2 Dropdown Copy <div class="btn-group" role="group" aria-label="Button group with nested dropdown"> <button type="button" class="btn btn-primary">1</button> <button type="button" class="btn btn-primary">2</bu
Dropdown menus can now be clickable with a new autoClose option to handle the auto close behavior. You can use this option to accept the click inside or outside the dropdown menu to make it interactive. Dropdowns now support .dropdown-items wrapped in <li>s.Jumbotron...
Dropdown menus can be changed to expand upwards (instead of downwards) by adding .dropup to the parent. Dropup <div class="dropup"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dro...
dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Dropdown link </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> <li><a class="dropdown-item" href="#">...
Daterangepicker – creates a dropdown menu from which a user can select a range of dates. Bootstrap icons – Free, high quality, open source icon library with nearly 1,200 icons. Chart.js – Simple yet flexible JavaScript charting.
1 2 Dropdown html <div class="btn-group" role="group" aria-label="Button group with nested dropdown"> <button type="button" class="btn btn-primary">1</button> <button type="button" class="btn btn-primary">2</button> <div class="btn-group" role="group"> <button type="button...
Primary Toggle Dropdown Secondary Toggle Dropdown Success Toggle Dropdown Info Toggle Dropdown Warning Toggle Dropdown Danger Toggle Dropdown Dropend button Dropup button Dropstart button End-aligned menu List group Documentation A disabled item A second item A third item A fourth item...
Dropdown <divclass="btn-group"role="group"aria-label="Button group with nested dropdown"><buttontype="button"class="btn btn-primary">1</button><buttontype="button"class="btn btn-primary">2</button><divclass="btn-group"role="group"><buttonid="btnGroupDrop1"type="button"class="btn bt...
给下拉菜单.dropdown-menu加上.pull-right 使文字右对齐。 <ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dLabel"> ... </ul> 标题 在任何下拉菜单中均可通过添加标题来标明一组动作。 Dropdown Dropdown header Action Another action Something else here Dropdown header Separated...
向.dropdown-menu添加.pull-right即可右对齐下拉菜单。 <ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dLabel"> ... </ul> 禁用菜单选项 向<li>添加.disabled即可禁用菜单中的某个链接。 Regular link Disabled link Another link <ul class="dropdown-menu" role="menu" aria-la...