About card

Card title This can be a broader card with supporting textual content beneath being a purely natural lead-in to extra articles. This information is a little bit for a longer time. Previous up-to-date three mins back

Use border utilities to change just the border-coloration of a card. Note that you could put .text- colour courses over the parent .card or a subset from the card’s contents as demonstrated underneath.

Similar to headers and footers, cards can include major and base “picture caps”—pictures at the very best or bottom of the card.

Distinctive title treatment With supporting text under for a purely natural lead-in to extra material. Go someplace

Cards incorporate some selections for dealing with illustrations or photos. Decide on appending “graphic caps” at possibly conclusion of the card, overlaying illustrations or photos with card written content, or simply embedding the image inside a card.

This is the broader card with supporting textual content underneath being a normal guide-in to further articles. This card has even for a longer time articles than the 1st to indicate that equal height motion.

When you’re accustomed to Bootstrap 3, cards replace our aged panels, wells, and thumbnails. Related functionality to Those people elements is accessible as modifier lessons for cards.

Featured Exclusive title remedy With supporting text under as a all-natural guide-in to extra written content. Go somewhere two days back

Last up to date three mins back Card title This website is the wider card with supporting textual content beneath for a purely natural lead-in to added content. This card has even lengthier material than the 1st to point out that equal top motion. Past up-to-date three mins ago

Making use of colour to incorporate that means only gives a visual indication, which won't be conveyed to buyers of assistive systems – like display screen readers.

Header Key card title Some rapid case in point textual content to develop within the card title and make up the majority on the card's content.

Card title that wraps to a different line This can be a for a longer period card with supporting text down below like a all-natural lead-in to extra written content. This articles is a little bit extended. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. A person famed in Supply Title Card title This card has supporting textual content beneath to be a all-natural direct-in to additional articles. Last up to date three mins ago Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Use card teams to render cards as only one, attached factor with equivalent width and height columns. Card groups use display: flex; to attain their uniform sizing.

Particular title treatment method With supporting text under being a organic direct-in to added content. Go somewhere Special title therapy With supporting text below to be a pure direct-in to extra written content. Go somewhere

This can be a wider card with supporting textual content under like a all-natural direct-in to further written content. This written content is a bit lengthier.

Header Warning card title Some brief case in point textual content to make over the card title and make up the bulk from the card's articles.

Header Primary card title Some quick example text to construct within the card title and make up the bulk on the card's written content.

Leave a Reply

Your email address will not be published. Required fields are marked *