Card title Some swift case in point textual content to develop within the card title and make up the bulk from the card's material. Go somewhere
Use border utilities to vary just the border-colour of a card. Take note which you could set .text- coloration classes to the mother or father .card or a subset of the card’s contents as demonstrated down below.
That is a wider card with supporting textual content down below to be a purely natural lead-in to added written content. This card has even longer content material than the initial to indicate that equivalent top motion.
Unique title treatment method With supporting text underneath like a organic direct-in to more content material. Go someplace
Cards include several choices for dealing with photos. Make a choice from appending “impression caps†at either finish of a card, overlaying photographs with card articles, or simply embedding the graphic in the card.
Transform a picture into a card history and overlay your card’s textual content. According to the image, you might or might not will need further types or utilities.
When you’re accustomed to Bootstrap 3, cards replace our outdated panels, wells, and thumbnails. Comparable features to These parts is accessible as modifier classes for cards.
Down below is undoubtedly an illustration of a standard card with blended content material and a set width. Cards here haven't any preset width to start, so they’ll In a natural way fill the entire width of its dad or mum aspect. This is definitely personalized with our different sizing solutions.
Final up to date three mins in the past Card title That is a broader card with supporting textual content down below to be a organic direct-in to added articles. This card has even for a longer time material than the primary to indicate that equal peak action. Final updated 3 mins ago
Card title Card subtitle Some brief case in point textual content to create within the card title and make up the bulk of the card's material. Card backlink Yet another url
Header Primary card title Some speedy example textual content to build within the card title and make up the majority in the card's content.
Header Darkish card title Some brief instance textual content to make around the card title and make up the majority of your card's content material.
Cards believe no specific width to begin, so that they’ll be a hundred% wide Unless of course normally mentioned. You can modify this as essential with personalized CSS, grid classes, grid Sass mixins, or utilities.
It is a wider card with supporting text beneath as being a all-natural lead-in to extra content material. This content material is a little bit lengthier.
Specific title remedy With supporting text down below for a pure lead-in to extra content. Go someplace
Header Secondary card title Some brief illustration text to build to the card title and make up the bulk from the card's written content.
This can be a extended card with supporting text underneath like a purely natural lead-in to more material. This written content is a little bit extended.