<div class="custom-control custom-checkbox checkbox-lg">
<input type="checkbox" class="custom-control-input" id="checkbox-3">
<label class="custom-control-label" for="checkbox-3">Large checkbox</label>
</div>
.checkbox-lg .custom-control-label::before,
.checkbox-lg .custom-control-label::after {
top: .8rem;
width: 1.55rem;
height: 1.55rem;
}
.checkbox-lg .custom-control-label {
padding-top: 13px;
padding-left: 6px;
}
.checkbox-xl .custom-control-label::before,
.checkbox-xl .custom-control-label::after {
top: 1.2rem;
width: 1.85rem;
height: 1.85rem;
}
.checkbox-xl .custom-control-label {
padding-top: 23px;
padding-left: 10px;
}
Code Example |
---|
Html :: image with url html |
Html :: email button html |
Html :: checkbox group |
Html :: html quotation |
Html :: html video repeating |
Html :: bootstrap error message |
Html :: on button click video popup in html |
Html :: set table column width |
Html :: meta property="og:description" |
Html :: how to innerhtml is empty |
Html :: bootstrap buttons Toggle states |
Html :: html basic template |
Html :: doc.fromHTML is not a function |
Html :: select2 html example |
Html :: how to insert input tag in html |
Html :: oauth vs auth0 |
Html :: html link weiterleitung |
Html :: array in html form |
Html :: css image slideshow |
Html :: visual studio code html template shortcut |
Html :: google colab to html |
Html :: html table colspan and rowspan |
Html :: Text displayed over an image |
Html :: delete html |
Html :: name attribute in html |
Html :: simple html report template |
Html :: link to parent folder html |
Html :: react button style |
Html :: html value attribute |
Html :: how to make multiple pages html |