@@ -27,7 +27,7 @@ We have to alter it a bit:
27
27
```` html
28
28
<form role =" form" >
29
29
...
30
- <div class =" checkbox" >
30
+ <div class =" checkbox abc-checkbox " >
31
31
<input type =" checkbox" id =" checkbox1" >
32
32
<label for =" checkbox1" >
33
33
Check me out
@@ -60,13 +60,13 @@ It's the same for radios. Markup has to be the following:
60
60
```` html
61
61
<form role =" form" >
62
62
...
63
- <div class =" radio" >
63
+ <div class =" radio abc-radio " >
64
64
<input type =" radio" name =" radio2" id =" radio3" value =" option1" >
65
65
<label for =" radio3" >
66
66
One
67
67
</label >
68
68
</div >
69
- <div class =" radio" >
69
+ <div class =" radio abc-radio " >
70
70
<input type =" radio" name =" radio2" id =" radio4" value =" option2" checked >
71
71
<label for =" radio4" >
72
72
Two
@@ -79,22 +79,22 @@ It's the same for radios. Markup has to be the following:
79
79
Brand Colors and other features
80
80
------------
81
81
82
- You may use ` checkbox-primary ` , ` checkbox-danger ` , ` radio-info ` , etc to style checkboxes and radios with brand bootstrap colors.
82
+ You may use ` abc- checkbox-primary` , ` abc- checkbox-danger` , ` abc- radio-info` , etc to style checkboxes and radios with brand bootstrap colors.
83
83
84
- ` checkbox-circle ` is for rounded checkboxes.
84
+ ` abc- checkbox-circle` is for rounded checkboxes.
85
85
86
- ` checkbox-single ` and ` radio-single ` for inputs without label text.
86
+ ` abc- checkbox-single` and ` abc- radio-single` for inputs without label text.
87
87
88
88
Glyphicons way (Opt-out Font Awesome)
89
89
------------
90
90
91
- If you want to use glyphicons instead of font-awesome then override ` .checkbox ` class:
91
+ If you want to use glyphicons instead of font-awesome then override ` .abc- checkbox ` class:
92
92
```` css
93
- .checkbox input [type = checkbox ]:checked + label :after {
93
+ .abc- checkbox input [type = checkbox ]:checked + label :after {
94
94
font-family : ' Glyphicons Halflings' ;
95
95
content : " \e013 " ;
96
96
}
97
- .checkbox label :after {
97
+ .abc- checkbox label :after {
98
98
padding-left : 4px ;
99
99
padding-top : 2px ;
100
100
font-size : 9px ;
@@ -118,4 +118,4 @@ Adjust this to the path where your bootstrap and font-awesome files are located.
118
118
Credits
119
119
------------
120
120
121
- Based on the [ Bootstrap 4] [ http://getbootstrap.com/ ] and the awesome [ Font Awesome] ( https://github.com/FortAwesome/Font-Awesome ) .
121
+ Based on the [ Bootstrap 4] [ http://getbootstrap.com/ ] and the awesome [ Font Awesome] ( https://github.com/FortAwesome/Font-Awesome ) .
0 commit comments