-
Notifications
You must be signed in to change notification settings - Fork 8
/
Bootstrap v4 - (Forms) Forms - Check.json
16 lines (16 loc) · 1.73 KB
/
Bootstrap v4 - (Forms) Forms - Check.json
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
{
"name": "Forms - Check",
"heading": "form-check",
"description": "Examples and usage guidelines for form control styles, layout options, and custom components for creating a wide variety of forms.",
"usage": "Default checkboxes and radios are improved upon with the help of .form-check, a single class for both input types that improves the layout and behavior of their HTML elements. Checkboxes are for selecting one or several options in a list, while radios are for selecting one option from many.\r\n\r\nDisabled checkboxes and radios are supported, but to provide a not-allowed cursor on hover of the parent , you\u2019ll need to add the .disabled class to the parent .form-check. The disabled class will also lighten the text color to help indicate the input\u2019s state.",
"snippet": "<div class=\"form-check\">\r\n <label class=\"form-check-label\">\r\n <input class=\"form-check-input\" type=\"checkbox\" value=\"\">\r\n Option one is this and that\u2014be sure to include why it's great\r\n <\/label>\r\n<\/div>\r\n<div class=\"form-check\">\r\n <label class=\"form-check-label\">\r\n <input class=\"form-check-input\" type=\"radio\" name=\"exampleRadios\" id=\"exampleRadios2\" value=\"option2\">\r\n Option two can be something else and selecting it will deselect option one\r\n <\/label>\r\n<\/div>",
"url": "https:\/\/getbootstrap.com\/docs\/4.0\/components\/forms\/",
"type": "Forms",
"library": "Bootstrap v4",
"created": "2017-11-01 00:00:00",
"modified": "2017-11-22 00:50:17",
"contributor_company": "Most Wanted Web Services, Inc.",
"contributor_name": "Steve Voorhees",
"contributor_email": "[email protected]",
"contributor_website": "https:\/\/mostwantedwebhosting.com"
}