General UI Elements
-For detailed documentation of Components visit
-Bootstrap Components
-
Accordion
This is the first item's accordion body. It is shown by default, until the collapse plugin
- adds the appropriate classes that we use to style
- each element. These classes control the overall
- appearance, as well as the showing and hiding via
- CSS transitions. You can modify any of this with
- custom CSS or overriding our default variables. It's
- also worth noting that just about any HTML can go
- within the
.accordion-body, though the
- transition does limit overflow.
- This is the second item's accordion body. It is hidden by default, until the collapse plugin
- adds the appropriate classes that we use to style
- each element. These classes control the overall
- appearance, as well as the showing and hiding via
- CSS transitions. You can modify any of this with
- custom CSS or overriding our default variables. It's
- also worth noting that just about any HTML can go
- within the
.accordion-body, though the
- transition does limit overflow.
- This is the third item's accordion body. It is hidden by default, until the collapse plugin
- adds the appropriate classes that we use to style
- each element. These classes control the overall
- appearance, as well as the showing and hiding via
- CSS transitions. You can modify any of this with
- custom CSS or overriding our default variables. It's
- also worth noting that just about any HTML can go
- within the
.accordion-body, though the
- transition does limit overflow.
-Alert
-A simple primary alert with an example link. Give it a click if you like.
-
-A simple secondary alert with an example link. Give it a click if you like.
-
-A simple success alert with an example link. Give it a click if you like.
-
-A simple danger alert with an example link. Give it a click if you like.
-
-A simple warning alert with an example link. Give it a click if you like.
-
-A simple info alert with an example link. Give it a click if you like.
-
-A simple light alert with an example link. Give it a click if you like.
-
-A simple dark alert with an example link. Give it a click if you like.
-
Badge
-Example heading New
-Example heading New
-Example heading New
-Example heading New
-Example heading New
-Example heading New
Primary Secondary Success Danger Warning Info Light Dark
Primary Secondary Success Danger Warning Info Light Dark
Button
Button Group
Collapse
-Some placeholder content for the collapse component.
- This panel is hidden by default but revealed when the
- user activates the relevant trigger.
-
Dropdowns
List Group
Navbar
Pagination
Placeholder
Progress
Toast
Bootstrap 11 mins ago
-Hello, world! This is a toast message.
-
Bootstrap 11 mins ago
-Hello, world! This is a toast message.
-
Bootstrap 11 mins ago
-Hello, world! This is a toast message.
-
Bootstrap 11 mins ago
-Hello, world! This is a toast message.
-
Bootstrap 11 mins ago
-Hello, world! This is a toast message.
-
Bootstrap 11 mins ago
-Hello, world! This is a toast message.
-
Bootstrap 11 mins ago
-Hello, world! This is a toast message.
-
Bootstrap 11 mins ago
-Hello, world! This is a toast message.
-
Bootstrap 11 mins ago
-Hello, world! This is a toast message.
-
Tooltip
-Placeholder text to demonstrate some inline links with tooltips. This is now just filler, no killer. - Content placed here just to mimic the presence of real text. And all that just to give you an idea of how tooltips - would look when used in real-world situations. So - hopefully you've now seen how these tooltips on links can work in practice, once you use them on your own site or project. -
Spinner
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...