This can be a wider card with supporting text under to be a organic guide-in to supplemental material. This material is a little bit extended.
Header Results card title Some fast illustration textual content to create over the card title and make up the bulk from the card's information. Footer
Header Achievement card title Some speedy example text to build within the card title and make up the bulk in the card's written content.
Previous up-to-date three mins ago Card title That is a broader card with supporting textual content beneath like a normal guide-in to additional content material. This card has even lengthier content than the very first to show that equal peak motion. Very last updated 3 mins ago
Card title that wraps to a new line This is a for a longer period card with supporting textual content underneath being a organic lead-in to supplemental written content. This material is a little bit longer. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Anyone well known in Supply Title Card title This card has supporting text below to be a pure direct-in to extra content. Past up-to-date 3 mins back Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Just like headers and footers, cards can incorporate best and base “impression capsâ€â€”pictures at the best or bottom of the card.
Header Primary card title Some fast illustration textual content to build over the card title and make up the bulk on the card's written content.
Header Warning card title Some fast instance text to develop over the card title and make up the majority of the card's content.
This can be a wider card with supporting text below being a all-natural lead-in to further content. This content is a bit extended.
This is a broader card with supporting text underneath as being a all-natural guide-in to supplemental written content. This written content is a little bit for a longer period.
Making use of color to add meaning only presents a visual indicator, which will not be conveyed to website buyers of assistive systems – including display viewers.
In addition to styling the articles within cards, Bootstrap includes a couple options for laying out number of cards. For the time being, these structure choices aren't nonetheless responsive.
Card title This is a broader card with supporting text beneath as being a all-natural direct-in to supplemental material. This information is a bit for a longer period. Very last current three mins back
Special title treatment With supporting textual content under being a organic direct-in to extra material. Go somewhere Unique title treatment With supporting textual content down below for a pure direct-in to further material. Go somewhere
Use border utilities to change just the border-coloration of the card. Notice which you can put .text- coloration lessons about the father or mother .card or perhaps a subset of the card’s contents as revealed underneath.
Bootstrap’s cards present a flexible and extensible information container with several variants and options.
This is a wider card with supporting textual content beneath for a all-natural direct-in to supplemental material. This written content is a little bit extended.