Cards are crafted with as small markup and styles as is possible, but nevertheless control to provide a ton of Handle and customization. Created with flexbox, they supply uncomplicated alignment and blend perfectly with other Bootstrap factors. They have no margin by default, so use spacing utilities as essential.
In addition to styling the articles in cards, Bootstrap includes a couple of options for laying out number of cards. In the intervening time, these layout solutions are certainly not nevertheless responsive.
This is the wider card with supporting textual content underneath being a organic lead-in to supplemental material. This card has even for a longer time material than the main to show that equal top motion.
Card title This is a wider card with supporting text underneath as being a purely natural lead-in to additional articles. This content material is a little bit extended. Last updated 3 mins back
Header Danger card title Some rapid instance text to construct around the card title and make up the bulk of the card's articles.
Card title Some fast case in point textual content to construct to the card title and make up the bulk on the card's content. Cras justo odio Dapibus ac facilisis in Vestibulum at eros Card backlink Another connection
This can be a broader card with supporting text down below like a pure lead-in to supplemental material. This content is a bit longer.
Showcased Particular title procedure With supporting text down below like a natural direct-in to supplemental articles. Go someplace 2 times ago
Header Secondary card title Some fast example text to construct over the card title and make up the bulk of the card's written content.
Card title This can be a broader card with supporting textual content down below as being a organic direct-in to supplemental material. This information is a little bit lengthier. Last current three mins in the past
Header Results card title Some swift click here instance text to make to the card title and make up the bulk from the card's content.
You can promptly change the textual content alignment of any card—in its entirety or particular areas—with our text align lessons.
Use card groups to render cards as just one, hooked up ingredient with equal width and peak columns. Card teams use Display screen: flex; to attain their uniform sizing.
Specific title treatment method With supporting textual content underneath for a purely natural guide-in to supplemental written content. Go someplace Special title remedy With supporting text underneath for a all-natural direct-in to more content. Go somewhere
Header Data card title Some speedy example text to construct about the card title and make up the majority of the card's content material.
Header Warning card title Some rapid instance text to construct within the card title and make up the bulk in the card's material.
Previous up to date three mins ago Card title This is a broader card with supporting text beneath as a pure direct-in to extra content. This card has even extended content material than the first to indicate that equal height motion. Final current 3 mins ago