Bootstrap v4 - (Cards) Card - White Text Primary Backgroup.json

{
    "name": "Card - White Text \/ Primary Backgroup",
    "heading": "card text-white bg-primary",
    "description": "A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.\r\n\r\nIf you\u2019re familiar with Bootstrap 3, cards replace our old panels, wells, and thumbnails. Similar functionality to those components is available as modifier classes for cards.",
    "usage": "Card styles\r\nCards include various options for customizing their backgrounds, borders, and color.\r\n\r\nBackground and color\r\nUse text and background utilities to change the appearance of a card.",
    "snippet": "<!-- Tip: use bg-* and text-* utilities to style the card -->\r\n<div class=\"card text-white bg-primary mb-3 d-inline-block\" style=\"max-width: 20rem;\">\r\n  <div class=\"card-header\">Header<\/div>\r\n  <div class=\"card-body\">\r\n    <h4 class=\"card-title\">Primary card title<\/h4>\r\n    <p class=\"card-text\">Some quick example text to build on the card title and make up the bulk of the card's content.<\/p>\r\n  <\/div>\r\n<\/div>\r\n<div class=\"card text-white bg-dark mb-3 d-inline-block\" style=\"max-width: 20rem;\">\r\n  <div class=\"card-header\">Header<\/div>\r\n  <div class=\"card-body\">\r\n    <h4 class=\"card-title\">Primary card title<\/h4>\r\n    <p class=\"card-text\">Some quick example text to build on the card title and make up the bulk of the card's content.<\/p>\r\n  <\/div>\r\n<\/div>",
    "url": "https:\/\/getbootstrap.com\/docs\/4.0\/components\/card\/",
    "type": "Cards",
    "library": "Bootstrap v4",
    "created": "2017-11-01 00:00:00",
    "modified": "2017-11-22 00:43:02",
    "contributor_company": "Most Wanted Web Services, Inc.",
    "contributor_name": "Steve Voorhees",
    "contributor_email": "sales@mwweb.host",
    "contributor_website": "https:\/\/mostwantedwebhosting.com"
}