This is the broader card with supporting textual content below like a organic direct-in to more articles. This card has even for a longer time articles than the initial to show that equivalent peak action.
This is the wider card with supporting textual content under as a pure guide-in to further content. This articles is a little bit extended.
Header Achievement card title Some swift example text to make within the card title and make up the majority of the card's content.
Previous up-to-date three mins back Card title This is the wider card with supporting text beneath like a normal guide-in to added information. This card has even for a longer period content than the very first to indicate that equal peak action. Previous up-to-date three mins in the past
Card title This is the wider card with supporting text down below being a all-natural guide-in to further content. This articles is a little bit more time. Very last up to date 3 mins in the past
Header Dim card title Some rapid case in point text to make within the card title and make up the majority in the card's written content.
Card title This is the broader card with supporting text beneath to be a all-natural guide-in to additional articles. This written content is a little bit extended. Last up to date three mins back Card title This card has supporting text underneath as a organic guide-in to further information.
Header Warning card title Some speedy case in point textual content to create to the card title and make up the majority from the card's written content.
Cards contain a few selections more info for working with photographs. Make a choice from appending “graphic caps†at possibly conclude of the card, overlaying illustrations or photos with card information, or just embedding the image in the card.
Header Gentle card title Some rapid instance text to make to the card title and make up the majority in the card's material.
Down below is really an example of a fundamental card with mixed content material and a set width. Cards don't have any mounted width to begin, so they’ll In a natural way fill the complete width of its father or mother component. This is well tailored with our a variety of sizing alternatives.
Card title Some rapid case in point text to make within the card title and make up the majority in the card's content. Go somewhere
Unique title treatment method With supporting textual content down below as a organic direct-in to more written content. Go somewhere
Cards presume no certain width to start out, in order that they’ll be a hundred% wide Unless of course in any other case said. You may improve this as needed with custom CSS, grid classes, grid Sass mixins, or utilities.
Card columns will also be prolonged and custom-made with some extra code. Shown down below is really an extension on the .card-columns class using the exact CSS we use—CSS columns— to deliver a list of responsive tiers for modifying the amount of columns.
Header Most important card title Some swift example textual content to construct over the card title and make up the bulk of the card's information.
Header Danger card title Some swift example text to make around the card title and make up the majority of your card's material.