Card title Some swift case in point textual content to build on the card title and make up the majority of your card's articles. Go someplace
In addition to styling the written content in cards, Bootstrap includes a few selections for laying out number of cards. In the meanwhile, these format choices are not yet responsive.
Comparable to headers and footers, cards can include things like top rated and bottom “graphic caps”—photos at the best or bottom of the card.
Card title This is a broader card with supporting text beneath for a all-natural direct-in to more content. This material is a bit for a longer period. Last up to date 3 mins ago
Cards is usually organized into Masonry-like columns with just CSS by wrapping them in .card-columns. Cards are constructed with CSS column Qualities in place of flexbox for much easier alignment. Cards are purchased from top rated to base and remaining to ideal.
Convert an image into a card history and overlay your card’s textual content. Based on the image, you might or might not have to have added types or utilities.
Card title This can be a broader card with supporting textual content down below to be a natural guide-in to more articles. This content material is a bit more time. Final updated three mins in the past Card title This card has supporting text under to be a all-natural guide-in to added content material.
Header Warning card title Some swift case in point text to create around the card more info title and make up the majority of the card's material.
Final up to date 3 mins in the past Card title That is a broader card with supporting text below like a pure guide-in to supplemental content. This card has even lengthier material than the primary to point out that equivalent height action. Last updated 3 mins back
Header Information card title Some fast example text to make about the card title and make up the majority in the card's content material.
Header Most important card title Some swift instance textual content to develop around the card title and make up the majority of the card's content material.
You could promptly alter the textual content alignment of any card—in its entirety or unique pieces—with our textual content align classes.
This is a wider card with supporting text down below like a normal lead-in to added content. This content is a bit lengthier.
This is a broader card with supporting text down below being a normal lead-in to extra material. This information is a little bit for a longer period.
This is the broader card with supporting textual content down below for a normal direct-in to further material. This material is a little bit longer.
Header Secondary card title Some speedy illustration textual content to create over the card title and make up the majority on the card's articles.
It is a broader card with supporting text beneath to be a normal direct-in to added material. This material is a bit extended.