-
Notifications
You must be signed in to change notification settings - Fork 8
/
Bootstrap v4 - (Cards) Card - Text.json
16 lines (16 loc) · 1.73 KB
/
Bootstrap v4 - (Cards) Card - Text.json
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
{
"name": "Card - Text",
"heading": "card-text",
"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": "Cards are built with as little markup and styles as possible, but still manage to deliver a ton of control and customization. Built with flexbox, they offer easy alignment and mix well with other Bootstrap components.\r\n\r\nCards have no fixed width to start, so they\u2019ll naturally fill the full width of its parent element. This is easily customized with our various sizing options.\r\n\r\n",
"snippet": "<div class=\"card\">\r\n <div class=\"card-body\">\r\n <h4 class=\"card-title\">Card title<\/h4>\r\n <h6 class=\"card-subtitle mb-2 text-muted\">Card subtitle<\/h6>\r\n <p class=\"card-text\">\r\n Some quick example text to build on the card title\r\n and make up the bulk of the card's content.\r\n <\/p>\r\n <a href=\"#\" class=\"card-link\">Card link<\/a>\r\n <a href=\"#\" class=\"card-link\">Another link<\/a>\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:40:50",
"contributor_company": "Most Wanted Web Services, Inc.",
"contributor_name": "Steve Voorhees",
"contributor_email": "[email protected]",
"contributor_website": "https:\/\/mostwantedwebhosting.com"
}