An Unbiased View of cardCard title Some brief instance text to construct around the card title and make up the bulk of the card's content. Go someplace
Use border utilities to alter just the border-color of a card. Take note which you can set .text- shade lessons around the dad or mum .card or possibly a subset on the card’s contents as shown beneath.
This can be a broader card with supporting textual content below like a normal lead-in to extra content. This card has even longer material than the main to show that equivalent top motion.
That is a broader card with supporting textual content below to be a pure direct-in to further information. This card has even longer content than the first to indicate that equal peak motion.
Cards involve some selections for dealing with photos. Choose between appending “graphic caps” at both conclude of the card, overlaying illustrations or photos with card material, or simply embedding the picture in the card.
Switch an image into a card history and overlay your card’s text. Depending upon the image, you might or might not will need added models or utilities.
Card columns can even be prolonged and custom-made with a few added code. Proven down below is undoubtedly an extension of the .card-columns course using the very same CSS check here we use—CSS columns— to generate a list of responsive tiers for altering the volume of columns.
Showcased Unique title cure With supporting text beneath for a all-natural direct-in to supplemental content material. Go someplace two days ago
Header Secondary card title Some quick example textual content to develop to the card title and make up the majority in the card's material.
Header Information card title Some fast case in point textual content to create around the card title and make up the majority with the card's content material.
Header Accomplishment card title Some rapid example textual content to construct on the card title and make up the majority in the card's content.
Header Darkish card title Some swift illustration text to develop on the card title and make up the majority from the card's content.
Use card groups to render cards as just one, attached factor with equivalent width and peak columns. Card teams use Display screen: flex; to realize their uniform sizing.
Unique title therapy With supporting text below as being a all-natural lead-in to additional content. Go someplace Distinctive title procedure With supporting textual content underneath for a normal direct-in to extra content material. Go somewhere
This is a broader card with supporting text beneath as a purely natural direct-in to extra articles. This articles is a little bit lengthier.
Header Secondary card title Some quick case in point textual content to construct around the card title and make up the majority with the card's material.
That is a wider card with supporting textual content below for a all-natural guide-in to extra information. This content is a bit lengthier.