-
Notifications
You must be signed in to change notification settings - Fork 8
/
Bootstrap v4 - (Collapse) Collapse.json
16 lines (16 loc) · 1.64 KB
/
Bootstrap v4 - (Collapse) Collapse.json
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
{
"name": "Collapse",
"heading": "collapse",
"description": "Toggle the visibility of content across your project with a few classes and our JavaScript plugins.",
"usage": "Click the buttons below to show and hide another element via class changes:\r\n\r\n.collapse hides content\r\n.collapsing is applied during transitions\r\n.collapse.show shows content\r\nYou can use a link with the href attribute, or a button with the data-target attribute. In both cases, the data-toggle=\"collapse\" is required.",
"snippet": "<p>\r\n <a class=\"btn btn-primary\" data-toggle=\"collapse\" href=\"#collapseExample\" aria-expanded=\"false\" aria-controls=\"collapseExample\">\r\n Link with href\r\n <\/a>\r\n <button class=\"btn btn-primary\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapseExample\" aria-expanded=\"false\" aria-controls=\"collapseExample\">\r\n Button with data-target\r\n <\/button>\r\n<\/p>\r\n<div class=\"collapse\" id=\"collapseExample\">\r\n <div class=\"card card-body\">\r\n Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.\r\n <\/div>\r\n<\/div>",
"url": "https:\/\/getbootstrap.com\/docs\/4.0\/components\/collapse\/",
"type": "Collapse",
"library": "Bootstrap v4",
"created": "2017-11-01 00:00:00",
"modified": "2017-11-22 00:45:18",
"contributor_company": "Most Wanted Web Services, Inc.",
"contributor_name": "Steve Voorhees",
"contributor_email": "[email protected]",
"contributor_website": "https:\/\/mostwantedwebhosting.com"
}