Documentation and examples for Bootstrap typography, including global settings, headings, body text, lists, and more.
Display 1
Display 2
Display 3
Display 4
Display 5
Display 6
This is a lead paragraph. It stands out from regular paragraphs.
You can use the mark tag to highlight text.
This line of text is meant to be treated as deleted text.
This line of text is meant to be treated as no longer accurate.
This line of text is meant to be treated as an addition to the document.
This line of text will render as underlined.
This line of text is meant to be treated as fine print.
This line rendered as bold text.
This line rendered as italicized text.
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
Documentation and examples for badges, our small count and labeling component.
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.
Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options.
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhereThis is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
Last updated 3 mins ago
Cards include various options for customizing their backgrounds, borders, and color.
Some quick example text to build on the card title and make up the bulk of the card's content.
Some quick example text to build on the card title and make up the bulk of the card's content.
Some quick example text to build on the card title and make up the bulk of the card's content.
Some quick example text to build on the card title and make up the bulk of the card's content.
Some quick example text to build on the card title and make up the bulk of the card's content.
Some quick example text to build on the card title and make up the bulk of the card's content.
Some quick example text to build on the card title and make up the bulk of the card's content.
Some quick example text to build on the card title and make up the bulk of the card's content.
Documentation and examples for using Bootstrap custom progress bars featuring support for stacked bars, animated backgrounds, and text labels.
Indicate the loading state of a component or page with Bootstrap spinners, built entirely with HTML, CSS, and no JavaScript.
Documentation and examples for showing pagination to indicate a series of related content exists across multiple pages.
Integer elit nisi, egestas vel vestibulum ut, blandit non sapien. Nunc eget mauris a urna viverra rutrum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus consectetur, sem ac sagittis feugiat, sapien arcu aliquet justo, ac rhoncus ante ipsum at mauris.
Curabitur porta turpis vitae lectus sagittis efficitur. Mauris ullamcorper vulputate urna. Quisque pulvinar diam ac urna maximus, ut feugiat nisi tristique. In volutpat sagittis dolor, eget iaculis ipsum mollis tempor. Sed sed risus ut mi tincidunt egestas. Donec vitae tincidunt nisl. Vestibulum commodo eros quis tristique commodo. Vivamus gravida maximus tincidunt. Nullam sagittis metus in semper blandit.
Donec euismod, ex at malesuada interdum, leo quam efficitur metus, vitae rhoncus nisi orci id augue. Quisque ullamcorper dignissim maximus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean at dictum est, eget bibendum quam. Donec sit amet neque dui.
Curabitur tempus lacus id orci feugiat, in aliquam ex maximus. Nam id sem eu enim sagittis mollis. Nulla sit amet massa non nisi pretium faucibus. Praesent vel dolor lobortis, vulputate arcu vitae, pretium turpis. Nam bibendum laoreet nisi, vel tincidunt nisi auctor non. Cras sagittis eros sit amet est maximus placerat. Integer augue orci, pulvinar vitae massa a, eleifend mollis quam. Maecenas id mattis sem, non mattis mi.
Curabitur porta turpis vitae lectus sagittis efficitur. Mauris ullamcorper vulputate urna. Quisque pulvinar diam ac urna maximus, ut feugiat nisi tristique. In volutpat sagittis dolor, eget iaculis ipsum mollis tempor. Sed sed risus ut mi tincidunt egestas. Donec vitae tincidunt nisl. Vestibulum commodo eros quis tristique commodo. Vivamus gravida maximus tincidunt. Nullam sagittis metus in semper blandit.
Donec euismod, ex at malesuada interdum, leo quam efficitur metus, vitae rhoncus nisi orci id augue. Quisque ullamcorper dignissim maximus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean at dictum est, eget bibendum quam. Donec sit amet neque dui.
Pellentesque ultrices blandit tincidunt. Phasellus gravida tempus fringilla. Curabitur tincidunt ut massa in fermentum. Curabitur tristique sem turpis, id consequat mauris convallis et. Suspendisse luctus, justo convallis blandit facilisis, diam purus rhoncus felis, vel rhoncus elit velit in tellus. Pellentesque finibus, neque sit amet fringilla fringilla, felis enim tristique sapien, a tempus leo ligula et augue.
Nam porta ante nec nulla ornare, quis cursus lectus dictum. Phasellus rutrum, turpis mattis aliquet pharetra, velit ex aliquam ipsum, nec imperdiet libero mi in dolor. Aliquam erat volutpat. Pellentesque vestibulum semper massa eget malesuada. Pellentesque iaculis nibh nec purus malesuada, non scelerisque diam ultricies.
Integer elit nisi, egestas vel vestibulum ut, blandit non sapien. Nunc eget mauris a urna viverra rutrum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus consectetur, sem ac sagittis feugiat, sapien arcu aliquet justo, ac rhoncus ante ipsum at mauris.
Curabitur porta turpis vitae lectus sagittis efficitur. Mauris ullamcorper vulputate urna. Quisque pulvinar diam ac urna maximus, ut feugiat nisi tristique. In volutpat sagittis dolor, eget iaculis ipsum mollis tempor. Sed sed risus ut mi tincidunt egestas. Donec vitae tincidunt nisl. Vestibulum commodo eros quis tristique commodo. Vivamus gravida maximus tincidunt. Nullam sagittis metus in semper blandit.
Donec euismod, ex at malesuada interdum, leo quam efficitur metus, vitae rhoncus nisi orci id augue. Quisque ullamcorper dignissim maximus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean at dictum est, eget bibendum quam. Donec sit amet neque dui.
Pellentesque ultrices blandit tincidunt. Phasellus gravida tempus fringilla. Curabitur tincidunt ut massa in fermentum. Curabitur tristique sem turpis, id consequat mauris convallis et. Suspendisse luctus, justo convallis blandit facilisis, diam purus rhoncus felis, vel rhoncus elit velit in tellus. Pellentesque finibus, neque sit amet fringilla fringilla, felis enim tristique sapien, a tempus leo ligula et augue.
Nam porta ante nec nulla ornare, quis cursus lectus dictum. Phasellus rutrum, turpis mattis aliquet pharetra, velit ex aliquam ipsum, nec imperdiet libero mi in dolor. Aliquam erat volutpat. Pellentesque vestibulum semper massa eget malesuada. Pellentesque iaculis nibh nec purus malesuada, non scelerisque diam ultricies.
Integer elit nisi, egestas vel vestibulum ut, blandit non sapien. Nunc eget mauris a urna viverra rutrum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus consectetur, sem ac sagittis feugiat, sapien arcu aliquet justo, ac rhoncus ante ipsum at mauris.
Curabitur porta turpis vitae lectus sagittis efficitur. Mauris ullamcorper vulputate urna. Quisque pulvinar diam ac urna maximus, ut feugiat nisi tristique. In volutpat sagittis dolor, eget iaculis ipsum mollis tempor. Sed sed risus ut mi tincidunt egestas. Donec vitae tincidunt nisl. Vestibulum commodo eros quis tristique commodo. Vivamus gravida maximus tincidunt. Nullam sagittis metus in semper blandit.