-
Notifications
You must be signed in to change notification settings - Fork 8
/
Bootstrap v4 - (Dropdowns) Dropdown - Show.json
16 lines (16 loc) · 1.77 KB
/
Bootstrap v4 - (Dropdowns) Dropdown - Show.json
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
{
"name": "Dropdown - Show",
"heading": "dropdown show",
"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": "Via data attributes or JavaScript, the dropdown plugin toggles hidden content (dropdown menus) by toggling the .show class on the parent list item. The data-toggle=\"dropdown\" attribute is relied on for closing dropdown menus at an application level, so it\u2019s a good idea to always use it.",
"snippet": "<div class=\"dropdown show\">\r\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenu2\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n Dropdown\r\n <\/button>\r\n <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenu2\">\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:58",
"contributor_company": "Most Wanted Web Services, Inc.",
"contributor_name": "Steve Voorhees",
"contributor_email": "[email protected]",
"contributor_website": "https:\/\/mostwantedwebhosting.com"
}