Skip to content

Commit f63a477

Browse files
committed
Update README.md
Change class name (checkbox => abc-checkbox)
1 parent 6d1a72c commit f63a477

File tree

1 file changed

+10
-10
lines changed

1 file changed

+10
-10
lines changed

README.md

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ We have to alter it a bit:
2727
````html
2828
<form role="form">
2929
...
30-
<div class="checkbox">
30+
<div class="checkbox abc-checkbox">
3131
<input type="checkbox" id="checkbox1">
3232
<label for="checkbox1">
3333
Check me out
@@ -60,13 +60,13 @@ It's the same for radios. Markup has to be the following:
6060
````html
6161
<form role="form">
6262
...
63-
<div class="radio">
63+
<div class="radio abc-radio">
6464
<input type="radio" name="radio2" id="radio3" value="option1">
6565
<label for="radio3">
6666
One
6767
</label>
6868
</div>
69-
<div class="radio">
69+
<div class="radio abc-radio">
7070
<input type="radio" name="radio2" id="radio4" value="option2" checked>
7171
<label for="radio4">
7272
Two
@@ -79,22 +79,22 @@ It's the same for radios. Markup has to be the following:
7979
Brand Colors and other features
8080
------------
8181

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.
8383

84-
`checkbox-circle` is for rounded checkboxes.
84+
`abc-checkbox-circle` is for rounded checkboxes.
8585

86-
`checkbox-single` and `radio-single` for inputs without label text.
86+
`abc-checkbox-single` and `abc-radio-single` for inputs without label text.
8787

8888
Glyphicons way (Opt-out Font Awesome)
8989
------------
9090

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:
9292
````css
93-
.checkbox input[type=checkbox]:checked + label:after {
93+
.abc-checkbox input[type=checkbox]:checked + label:after {
9494
font-family: 'Glyphicons Halflings';
9595
content: "\e013";
9696
}
97-
.checkbox label:after {
97+
.abc-checkbox label:after {
9898
padding-left: 4px;
9999
padding-top: 2px;
100100
font-size: 9px;
@@ -118,4 +118,4 @@ Adjust this to the path where your bootstrap and font-awesome files are located.
118118
Credits
119119
------------
120120

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

Comments
 (0)