mirror of
https://github.com/gethinode/hinode.git
synced 2025-10-17 15:03:20 +00:00
11 KiB
11 KiB
author, title, date, draft, description, tags, thumbnail, photoCredits, photoSource, layout
| author | title | date | draft | description | tags | thumbnail | photoCredits | photoSource | layout | |
|---|---|---|---|---|---|---|---|---|---|---|
| Mark Dumay | Bootstrap Components | 2022-12-26 | true | Overview of available Bootstrap components. |
|
img/boots.jpg | <a href="https://unsplash.com/@nate_dumlao">Nathan Dumlao</a> | <a href="https://unsplash.com/photos/QLPWQvHvmII">Unsplash</a> | docs |
Close button
Use HTML code to display a generic close button. See the Bootstrap documentation for more options. The following example displays a button with default styling.
<button type="button" class="btn-close" aria-label="Close"></button>
The result looks like this.
Dropdowns
Single button
Dropdown button
Split button
Action
Toggle Dropdown
List group
Modal
Launch demo modalNavs & tabs
Offcanvas
Link with href Button with data-bs-targetOffcanvas
Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.
Dropdown button
Pagination
Placeholders
Popovers
Click to toggle popover
Progress
Scrollspy
Navbar
NavbarFirst heading
...
Second heading
...
Third heading
...
Fourth heading
...
Fifth heading
...
Nested nav
Item 1
...
Item 1-1
...
Item 1-2
...
Item 2
...
Item 3
...
Item 3-1
...
Item 3-2
...