Hello Readers,In my example I have simply created Radio and Checkbox buttons using Bootstrap framework.
We basically use checkboxes when we need to select one or several options from a given list while radio buttons are used for selecting one option from many.
In this I had created vertical and horizontal checkbox and radio buttons using bootstrap form and button classes. For the icon such as circle and square images along the label tags i had used bootstrap font awesome CSS file.
In the CSS code I had added style to the checkbox and radio buttons using Font Awesome (CSS File) and on hover the color of the text changes as applied in my CSS Code. In my example I had also used (~) CSS3 selector with the label input selector which selects icon image(Font Awesome) that are precede by the label input tags.
I had created Effective checkbox and radio button using Bootstrap Framework with the HTML5 Tags and CSS3.
Note:- The example will work efficiently on all latest browser versions such as in Safari 3.2+, Chrome, Firefox 4+, Opera 10.5+, and IE 10 it can easily work.