Merge pull request #16 from esbanarango/master

Adding syntax highlight to readme.md

Author: okendoken

README.md

@@ -13,60 +13,65 @@ We have transferred Awesome Bootstrap Checkbox to a new location under our organ
 redirects from old urls, we strongly recommend updating any existing local clones to point to the new repository URL. You can
 do this by using `git remote` on the command line:
 
-    git remote set-url origin https://github.com/flatlogic/awesome-bootstrap-checkbox.git
+````bash
+git remote set-url origin https://github.com/flatlogic/awesome-bootstrap-checkbox.git
+````
 
 Use
 ------------
 
 First just include **awesome-bootstrap-checkbox.css** somewhere in your html. Or **awesome-bootstrap-checkbox.scss** if you use sass.
 Next everything is based on code convention. Here is checkbox markup from Bootstrap site:
 
-    <form role="form">
-      ...
-      <div class="checkbox">
-        <label>
-          <input type="checkbox"> Check me out
-        </label>
-      </div>
-      ...
-    </form>
+````html
+<form role="form">
+  ...
+  <div class="checkbox">
+    <label>
+      <input type="checkbox"> Check me out
+    </label>
+  </div>
+  ...
+</form>
+````
 
 We have to alter it a bit:
-
-    <form role="form">
-      ...
-      <div class="checkbox">
-        <input type="checkbox" id="checkbox1">
-        <label for="checkbox1">
-            Check me out
-        </label>
-      </div>
-      ...
-    </form>
-
+````html
+<form role="form">
+  ...
+  <div class="checkbox">
+    <input type="checkbox" id="checkbox1">
+    <label for="checkbox1">
+        Check me out
+    </label>
+  </div>
+  ...
+</form>
+````
 That's it. It will work. But it **will not** work if you nest input inside label or put label before input.
 
 Radios
 ------------
 
 It's the same for radios. Markup has to be the following:
-
-    <form role="form">
-      ...
-      <div class="radio">
-          <input type="radio" name="radio2" id="radio3" value="option1">
-          <label for="radio3">
-              One
-          </label>
-      </div>
-      <div class="radio">
-          <input type="radio" name="radio2" id="radio4" value="option2" checked>
-          <label for="radio4">
-              Two
-          </label>
-      </div>
-      ...
-    </form>
+````html
+<form role="form">
+  ...
+  <div class="radio">
+      <input type="radio" name="radio2" id="radio3" value="option1">
+      <label for="radio3">
+          One
+      </label>
+  </div>
+  <div class="radio">
+      <input type="radio" name="radio2" id="radio4" value="option2" checked>
+      <label for="radio4">
+          Two
+      </label>
+  </div>
+  ...
+</form>
+````
 
 Brand Colors
 ------------
@@ -79,16 +84,17 @@ Glyphicons way (Opt-out Font Awesome)
 ------------
 
 If you want to use glyphicons instead of font-awesome then override `.checkbox` class:
-
-    .checkbox input[type=checkbox]:checked + label:after {
-        font-family: 'Glyphicons Halflings';
-        content: "\e013";
-    }
-    .checkbox label:after {
-        padding-left: 4px;
-        padding-top: 2px;
-        font-size: 9px;
-    }
+````css
+.checkbox input[type=checkbox]:checked + label:after {
+    font-family: 'Glyphicons Halflings';
+    content: "\e013";
+}
+.checkbox label:after {
+    padding-left: 4px;
+    padding-top: 2px;
+    font-size: 9px;
+}
+````
 
 Credits
 ------------