--- layout: default title: "Card - Sleek Admin Dashboard Template" bodyClass: "header-fixed sidebar-fixed sidebar-dark header-light" parent: "ui-elements" sub_parent: "components" activePage: "card" ---
Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options. Read bootstrap documentaion for More Details
Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor
Go somewhereLorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor
Go somewhereSub-heading text
Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor
Card LinkYou can quickly change the text alignment of any card—in its entirety or specific parts—with our text align classes. Read bootstrap documentaion for more details.
Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor
Go somewhereLorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor
Go somewhereLorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor
Go somewhereTurn an image into a card background and overlay your card’s text. Depending on the image, you may or may not need additional styles or utilities. Read bootstrap documentaion for more details.
Need a set of equal width and height cards that aren’t attached to one another? Use card decks. Read bootstrap documentaion for More Details
This is a longer 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
This card has supporting text below as a natural lead-in to additional content.
Last updated 3 mins ago
This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.
Last updated 3 mins ago
Use our handful of available sizing utilities to quickly set a card’s width. Read bootstrap documentaion for more details.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
Go somewhereLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
Go somewhereUse card groups to render cards as a single, attached element with equal width and height columns. Card groups use display: flex; to achieve their uniform sizing. Read bootstrap documentaion for more details.
This 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
This card has supporting text below as a natural lead-in to additional content.
Last updated 3 mins ago
This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.
Last updated 3 mins ago
Use text and background utilities to change the appearance of a card. Read bootstrap documentaion for more details.
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.