Alerts
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. View details.
Default
Additional content
Well done!
Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
Well done!
Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
Well done!
Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
Badges
Documentation and examples for badges, our small count and labeling component. View details.
Default
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Badges with button
Breadcrumb
Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS. View details.
Buttons
Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. View details.
Default
Outline buttons
Small buttons
Active state
Button group Basic
Button toolbar
Collapses
Toggle the visibility of content across your project with a few classes and our JavaScript plugins. View details.
Accordion
Do you like roller coasters?
Compellingly enhance vertical e-business whereas alternative processes objectively revolutionize technically sound schemas without 24/365 e-markets Energistically engineer process strategic theme areas rather than parallel.
Which do you like better?
Compellingly enhance vertical e-business whereas alternative processes objectively revolutionize technically sound schemas without 24/365 e-markets Energistically engineer process strategic theme areas rather than parallel.
Where did you get your name?
Compellingly enhance vertical e-business whereas alternative processes objectively revolutionize technically sound schemas without 24/365 e-markets Energistically engineer process strategic theme areas rather than parallel.
Which do you like better?
Compellingly enhance vertical e-business whereas alternative processes objectively revolutionize technically sound schemas without 24/365 e-markets Energistically engineer process strategic theme areas rather than parallel.
Have you ever been arrested?
Compellingly enhance vertical e-business whereas alternative processes objectively revolutionize technically sound schemas without 24/365 e-markets Energistically engineer process strategic theme areas rather than parallel.
Link with href & data-target
Multiple targets
Cards
Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options. View Card on Bootstrap.
Tuna Roast Source $146
Mauris Volutpat reiciendis esse luctus ipsum earums corporis Sequi varius.
Randy Crishen
Thai Cusine
Special title treatment
With supporting text below as a natural lead-in to additional content.
Go somewhereForms
Examples and usage guidelines for form control styles, layout options, and custom components for creating a wide variety of forms. View Forms on Bootstrap.
Forms Basic
Input Group
Dropdowns
Toggle contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin. View Dropdowns on Bootstrap.
Dropdown Default
Dropdown Left
Dropdown Right
List Group
List groups are a flexible and powerful component for displaying a series of content. Modify and extend them to support just about any content within. View List Group on Bootstrap.
Default List Group
List Group With badges
- Cras justo odio 14
- Dapibus ac facilisis in 2
- Morbi leo risus 1
- Cras justo odio 1
- Dapibus ac facilisis in 1
- Morbi leo risus 1
- Cras justo odio 14
- Dapibus ac facilisis in 2
- Morbi leo risus 1
modals
Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content. View Modal on Bootstrap.
Modal Default
Modal Scrolling long content
Paginations
Documentation and examples for showing pagination to indicate a series of related content exists across multiple pages. View Pagination on Bootstrap.
Pagination Default
Tooltips
Documentation and examples for using Bootstrap custom progress bars featuring support for stacked bars, animated backgrounds, and text labels. View Tooltips on Bootstrap.
Tooltips Default
Progress
Use default Restaurex markup to display Progress elements. See the Restaurex documentation for a full list of options and modifiers. View Progress on Bootstrap.