About cardCard title Some speedy example textual content to create within the card title and make up the bulk from the card's content material. Go someplace
Use border utilities to alter just the border-coloration of a card. Observe that you can place .text- colour lessons around the father or mother .card or simply a subset in the card’s contents as revealed below.
Just like headers and footers, cards can involve best and base “picture caps”—pictures at the highest or bottom of the card.
Special title procedure With supporting textual content down below like a organic direct-in to extra articles. Go somewhere
Cards incorporate a number of choices for working with photos. Pick from appending “image caps” at possibly conclusion of a card, overlaying pictures with card content material, or just embedding the impression within a card.
Flip a picture into a card track record and overlay your card’s text. Depending upon the impression, you may or may not require supplemental variations or utilities.
Card columns can be prolonged and personalized with a few further code. Revealed beneath can be an extension in the .card-columns course utilizing the exact same CSS we use—CSS columns— to crank out a set of responsive tiers for shifting the number of columns.
A card is a versatile and extensible content material container. It incorporates options for headers and footers, a wide variety of written content, contextual background hues, and effective Exhibit solutions.
Last up-to-date 3 mins back Card title It is a wider card with supporting textual content below for a organic guide-in to additional written content. This card has even lengthier material than the primary to indicate that equivalent peak action. Past updated 3 mins ago
Using coloration to include which means only supplies a visible sign, which won't be conveyed to users of assistive technologies – such as display screen readers.
Header Accomplishment card title Some quick instance text to build around the card title and make up the bulk with the card's written content.
You may rapidly alter the text alignment of any card—in its entirety or certain sections—with our textual content align classes.
Header Results card title Some fast case in point text to create about the card title and make up the majority with the card's content. Footer
Header Achievement card title Some fast instance text to create about the card title and make up the majority with the card's written content.
Header Information card title Some brief example textual content to develop about the card title and make up the majority in the card's material.
Header Secondary card here title Some speedy illustration text to make to the card title and make up the bulk of the card's written content.
It is a longer card with supporting textual content beneath to be a organic guide-in to extra information. This content material is a bit longer.