Header Dim card title Some quick example text to make about the card title and make up the bulk from the card's written content.
Header Achievement card title Some speedy example text to build about the card title and make up the majority of the card's articles. Footer
Header Success card title Some rapid case in point text to develop on the card title and make up the majority from the card's information.
Past current three mins back Card title This is a broader card with supporting text beneath as being a organic lead-in to further content. This card has even lengthier information than the initial to show that equal top action. Previous up-to-date three mins ago
Card title This can be a longer card with supporting textual content under as being a natural guide-in to more articles. This articles is a little bit longer. Very last up to date 3 mins back Card title This card has supporting text below to be a normal lead-in to supplemental articles.
Header Details card title Some speedy instance text to develop within the card title and make up the bulk with the card's material.
A card is a versatile and extensible content container. It involves options for headers and footers, lots of written content, contextual track record hues, and effective Display screen alternatives.
That is a wider card with supporting textual content underneath being a organic guide-in to more articles. This card has even for a longer period material than the first to indicate that equivalent top action.
Header Light-weight card title Some quick example text to make over the card title and make up the majority on the card's information.
Header Gentle card title Some swift instance text to make over the card title and make up the majority in the card's material.
Below can be an illustration of a fundamental card with mixed written content and a set width. Cards have no preset width to start click here out, so they’ll In a natural way fill the full width of its parent ingredient. This is definitely customized with our several sizing possibilities.
Card title Some rapid case in point text to develop around the card title and make up the majority of the card's articles. Go someplace
Particular title treatment method With supporting textual content under to be a all-natural direct-in to added information. Go someplace
Cards think no particular width to begin, so they’ll be one hundred% extensive Until usually mentioned. You could modify this as required with custom made CSS, grid lessons, grid Sass mixins, or utilities.
Card columns can even be extended and personalized with some more code. Demonstrated down below is really an extension on the .card-columns class using the exact CSS we use—CSS columns— to crank out a set of responsive tiers for altering the volume of columns.
Header Primary card title Some quick illustration text to build to the card title and make up the bulk with the card's material.
Header Threat card title Some speedy instance textual content to construct to the card title and make up the bulk with the card's content.