<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<br/>
<div class="panel panel-primary">
<div class="panel-heading">
<pre>
Which among the following statements regarding the Surrogacy (Regulation)
bill, 2016 is incorrect ?
a. It allows only Indian citizens for Surrogacy
in India
b. The bill allows both gestational and
traditional Surrogacy
c. Any woman in the age range of 25 to
35 years of age is allowed to undertake
surrogacy
d. Surrogacy boards will decide code of
conduct for Surrogacy in India
</pre>
</div><!--.panel-heading-->
<div class = "panel-body">
<h4>Your Answer</h4>
</div>
<ul class = "list-group">
<li class = "list-group-item">
<div class="checkbox">
<input type="checkbox" id="checkbox" />
<label for="checkbox">
1 and 2 only
</label>
</div>
</li>
<li class = "list-group-item">
<div class="checkbox">
<input type="checkbox" id="checkbox" />
<label for="checkbox">
2 and 3 only
</label>
</div>
</li>
<li class = "list-group-item">
<div class="checkbox">
<input type="checkbox" id="checkbox" />
<label for="checkbox">
1 and 3 only
</label>
</div>
</li>
<li class = "list-group-item">
<div class="checkbox">
<input type="checkbox" id="checkbox" />
<label for="checkbox">
1, 2 and 3
</label>
</div>
</li>
</ul>
<div class="panel-footer">
<div class="row">
<div class="funkyradio">
<div class="funkyradio-default">
<input type="radio" name="radio" id="radio1" />
<label for="radio1">First Option default</label>
</div>
<div class="funkyradio-primary">
<input type="radio" name="radio" id="radio2" checked/>
<label for="radio2">Second Option primary</label>
</div>
<div class="funkyradio-success">
<input type="radio" name="radio" id="radio3" />
<label for="radio3">Third Option success</label>
</div>
<div class="funkyradio-danger">
<input type="radio" name="radio" id="radio4" />
<label for="radio4">Fourth Option danger</label>
</div>
<div class="funkyradio-warning">
<input type="radio" name="radio" id="radio5" />
<label for="radio5">Fifth Option warning</label>
</div>
<div class="funkyradio-info">
<input type="radio" name="radio" id="radio6" />
<label for="radio6">Sixth Option info</label>
</div>
</div>
</div>