Particular title treatment method With supporting text below to be a purely natural direct-in to further content material. Go someplace
As well as styling the content inside cards, Bootstrap includes a several options for laying out series of cards. In the meanwhile, these layout possibilities are certainly not however responsive.
That is a broader card with supporting text under to be a all-natural direct-in to more content. This card has even more time information than the first to indicate that equal peak action.
Header Risk card title Some fast instance text to create to the card title and make up the majority of your card's content.
Cards contain a couple of options for dealing with illustrations or photos. Choose between appending “picture caps” at either end of the card, overlaying illustrations or photos with card information, or simply embedding the image in a card.
Turn an image right into a card track record and overlay your card’s text. Depending on the graphic, you may or may not need supplemental variations or utilities.
Card columns may also be extended and custom made with a few more code. Revealed under is an extension on the .card-columns class utilizing the same CSS we use—CSS columns— to create a list of responsive tiers for modifying the number of columns.
Underneath is an illustration of a essential card with combined content and a set width. Cards haven't any set width to start out, in order that they’ll Normally fill the complete width of its dad or mum component. This is definitely customized with our numerous sizing choices.
Past updated 3 mins in the past Card title This is the wider card with supporting text underneath like a natural guide-in to additional content. This card has even more time information than the 1st to show that equal top motion. Past up-to-date three mins in the past
Card title Card subtitle Some rapid case in point textual content to construct within the card title and make up the bulk of your card's written content. Card hyperlink One more url
Header Principal card title Some quick case in point textual content to make around the card title and make up the majority on the card's content.
Header Dark card title Some quick illustration textual content to construct over the card title and make up the bulk with the card's articles.
This is the wider card with supporting textual content underneath to be a organic direct-in to supplemental content. This information is a bit longer.
That is a broader card with supporting textual content underneath being a organic direct-in to more information. This articles is a little bit longer.
Header Details card title Some rapid example textual content to create on the card title and make up the website majority in the card's content.
Header Secondary card title Some brief instance textual content to construct to the card title and make up the bulk of the card's articles.
That is a broader card with supporting textual content beneath being a natural guide-in to supplemental material. This information is a little bit lengthier.