mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-26 06:44:35 +02:00
Code Issues Releases Wiki Activity

v5: .form-check layout changes (#29322)

Browse Source 
* Scope .form-check-input layout to the .form-check parent

* Remove margin-bottom from list-group-items in case they are label elements

* document .form-check in input groups and list groups, and cleanup the no-label examples in the main .form-check docs
This commit is contained in:
Mark Otto
2019-10-02 12:19:45 -07:00
committed by XhmikosR
parent c306e963e8
commit 707973ebdd
5 changed files with 71 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
scss/forms/_form-check.scss
View File

@@ -7,14 +7,17 @@
min-height: $form-check-min-height;
padding-left: $form-check-padding-left;
margin-bottom: $form-check-margin-bottom;
.form-check-input {
float: left;
margin-left: $form-check-padding-left * -1;
}
}
.form-check-input {
float: left;
width: $form-check-input-width;
height: $form-check-input-width;
margin-top: ($line-height-base - $form-check-input-width) / 2; // line-height minus check height
margin-left: $form-check-padding-left * -1;
background-color: $form-check-input-bg;
border: $form-check-input-border;
appearance: none;