Card title Some brief illustration text to create to the card title and make up the majority in the card's information. Go somewhere
Use border utilities to alter just the border-color of the card. Note which you could put .text- coloration classes around the parent .card or a subset with the card’s contents as shown underneath.
It is a broader card with supporting textual content below like a normal guide-in to supplemental content. This card has even for a longer time articles than the 1st to point out that equivalent top action.
Particular title remedy With supporting text beneath like a pure guide-in to extra material. Go somewhere
Header Mild card title Some fast example textual content to construct on the card title and make up the bulk of the card's written content.
That is a broader card with supporting textual content beneath being a purely natural lead-in to further information. This card has even longer articles than the 1st to point out that equivalent peak action.
In the event you’re knowledgeable about Bootstrap three, cards substitute our aged panels, wells, and thumbnails. Identical functionality to those elements is available as modifier courses for cards.
Header Warning card title Some rapid example text to build within the card title and make up the bulk of your card's material.
Final up to date 3 mins in the past Card title It is a wider card with supporting text beneath like a organic lead-in to further material. This card has even for a longer time material than the initial to point out that equivalent peak action. Previous up to date 3 mins ago
Employing shade to incorporate meaning only presents a visual sign, which won't be conveyed to customers of assistive technologies – such as monitor audience.
Card title This is a broader card with supporting textual content beneath being a normal guide-in to extra content. This information is a little bit for a longer period. Past current three mins ago Card title This card has supporting text underneath as being a organic guide-in to further content.
Card title that wraps to a new line That is a longer card with supporting text underneath as a normal direct-in to more content material. This articles is a bit extended. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Anyone famous in Source Title Card title This card has supporting text under to be a natural guide-in to extra material. Past up-to-date three mins in the past Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Cards presume no unique width to get started on, so they’ll be a hundred% wide Unless of course usually mentioned. It is possible to adjust this as desired with custom CSS, grid courses, grid Sass mixins, or utilities.
This is a for a longer period card with supporting text under for a purely natural lead-in to extra material. This material is a little bit lengthier.
Bootstrap’s cards deliver a flexible and extensible content material container with multiple variants and choices.
Integer posuere erat. Anyone famed in Supply Title Card title This card has supporting textual content down below for a purely natural lead-in to more written content. Last up-to-date 3 mins ago Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Someone well-known in Resource Title Card title That is a wider card with supporting text down below being a normal direct-in to more articles. This card has even for a longer time content than the primary to show that equivalent height motion. Final current 3 mins back
Last up-to-date three mins ago Card title That is a broader card with supporting text click here underneath as a organic guide-in to additional articles. This card has even for a longer period material than the 1st to show that equal peak motion. Final up-to-date three mins ago