-
Notifications
You must be signed in to change notification settings - Fork 8
/
Bootstrap v4 - (Dropdowns) Dropdown.json
16 lines (16 loc) · 1.61 KB
/
Bootstrap v4 - (Dropdowns) Dropdown.json
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
{
"name": "Dropdown",
"heading": "dropdown",
"description": "Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They\u2019re made interactive with the included Bootstrap dropdown JavaScript plugin. They\u2019re toggled by clicking, not by hovering; this is an intentional design decision.\r\n\r\nDropdowns are built on a third party library, Popper.js, which provides dynamic positioning and viewport detection. Be sure to include popper.min.js before Bootstrap\u2019s JavaScript or use bootstrap.bundle.min.js \/ bootstrap.bundle.js which contains Popper.js.",
"usage": "Any single .btn can be turned into a dropdown toggle with some markup changes. Here\u2019s how you can put them to work with either elements.",
"snippet": "<div class=\"dropdown\">\r\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenu1\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n Dropdown\r\n <\/button>\r\n <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenu1\">\r\n <a class=\"dropdown-item\" href=\"#\">Action<\/a>\r\n <a class=\"dropdown-item\" href=\"#\">Another action<\/a>\r\n <\/div>\r\n<\/div>",
"url": "https:\/\/getbootstrap.com\/docs\/4.0\/components\/dropdowns\/",
"type": "Dropdowns",
"library": "Bootstrap v4",
"created": "2017-11-01 00:00:00",
"modified": "2017-11-22 00:46:15",
"contributor_company": "Most Wanted Web Services, Inc.",
"contributor_name": "Steve Voorhees",
"contributor_email": "[email protected]",
"contributor_website": "https:\/\/mostwantedwebhosting.com"
}