rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-07 04:54:24 +01:00
Code Issues Actions Packages Releases Activity

v4: Custom checkbox and radio alignment (#20671)

Browse Source 
* Allow text of custom form labels to wrap like the default ones
* Switch from using after to force line breaks to float/clear combo in stacked custom forms
This commit is contained in:
Mark Otto 2016-09-08 21:26:19 -07:00 committed by GitHub
parent 7ba78e603a
commit 82e7abcdf3
1 changed files with 4 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
scss/_custom-forms.scss
View File

@ -11,7 +11,7 @@
.custom-control { .custom-control {
position: relative; position: relative;
display: inline; display: inline-block;
padding-left: $custom-control-gutter; padding-left: $custom-control-gutter;
cursor: pointer; cursor: pointer;
@ -61,7 +61,7 @@
.custom-control-indicator { .custom-control-indicator {
position: absolute; position: absolute;
top: .0625rem; top: .25rem;
left: 0; left: 0;
display: block; display: block;
width: $custom-control-indicator-size; width: $custom-control-indicator-size;
@ -117,13 +117,8 @@
.custom-controls-stacked { .custom-controls-stacked {
.custom-control { .custom-control {
display: inline; float: left;
clear: left;
&::after {
display: block;
margin-bottom: $custom-control-spacer-y;
content: "";
}
+ .custom-control { + .custom-control {
margin-left: 0; margin-left: 0;