Bootstrap CheckBox style
CheckBox
<!DOCTYPE HTML>
<html>
<head>
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
</head><!-- w w w. j a v a 2 s .com-->
<body style='margin:20px;'>
<form class="form-horizontal">
<div class="checkbox">
<label>
<input type="checkbox" value="">
Option one is this and that—be sure to include why it's great
</label>
</div>
</form>
</body>
</html>
Inline checkboxes
Use .checkbox-inline or
.radio-inline class to a series of
checkboxes or radios for controls appear on the same line.
<!DOCTYPE HTML>
<html>
<head>
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
</head><!--from w w w . j a v a 2s .c o m-->
<body style='margin: 20px;'>
<form class="form-horizontal">
<label class="checkbox-inline"> <input type="checkbox"
id="inlineCheckbox1" value="option1"> 1
</label> <label class="checkbox-inline"> <input type="checkbox"
id="inlineCheckbox2" value="option2"> 2
</label> <label class="checkbox-inline"> <input type="checkbox"
id="inlineCheckbox3" value="option3"> 3
</label>
</form>
</body>
</html>