-
Notifications
You must be signed in to change notification settings - Fork 8
/
Bootstrap v4 - (Button Groups) Button Group (nested).json
16 lines (16 loc) · 1.5 KB
/
Bootstrap v4 - (Button Groups) Button Group (nested).json
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
{
"name": "Button Group (nested)",
"heading": "btn-group (nested)",
"description": "Group a series of buttons together on a single line with the button group, and super-power them with JavaScript.",
"usage": "Wrap a series of buttons with .btn in .btn-group. Add on optional JavaScript radio and checkbox style behavior with our buttons plugin.",
"snippet": "<div class=\"btn-group\" role=\"group\" aria-label=\"Button group with nested dropdown\">\r\n <button type=\"button\" class=\"btn btn-secondary\">1<\/button>\r\n <button type=\"button\" class=\"btn btn-secondary\">2<\/button>\r\n\r\n <div class=\"btn-group\" role=\"group\">\r\n <button id=\"btnGroupDrop1\" type=\"button\" class=\"btn btn-secondary dropdown-toggle\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n Dropdown\r\n <\/button>\r\n <div class=\"dropdown-menu\" aria-labelledby=\"btnGroupDrop1\">\r\n <a class=\"dropdown-item\" href=\"#\">Dropdown link<\/a>\r\n <a class=\"dropdown-item\" href=\"#\">Dropdown link<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>",
"url": "https:\/\/getbootstrap.com\/docs\/4.0\/components\/button-group\/",
"type": "Button Groups",
"library": "Bootstrap v4",
"created": "2017-11-01 00:00:00",
"modified": "2017-11-22 00:28:08",
"contributor_company": "Most Wanted Web Services, Inc.",
"contributor_name": "Steve Voorhees",
"contributor_email": "[email protected]",
"contributor_website": "https:\/\/mostwantedwebhosting.com"
}