Bootstrap Tutorial - Bootstrap RadioButton Style








RadioButton Style

Radios are for selecting one option from many.

<!DOCTYPE HTML>
<html> 
<head> 
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
</head><!--  w w w .j a va2  s  . c  om-->
<body style='margin:20px;'>

<form class="form-horizontal">
<div class="radio">
  <label>
    <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
    Option one is this and that&mdash;be sure to include why it's great
  </label>
</div>
<div class="radio">
  <label>
    <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
    Option two can be something else and selecting it will deselect option one
  </label>
</div>
</form>
        
</body>
</html>

Click to view the demo