"Survey form"
Bootstrap 4.1.1 Snippet by shubham544

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <form class="form-vertical"> <fieldset> <!-- Form Name --> <legend></legend> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" style="color:blue"for="radios">1. Which among the following IndianOil brands can be seen in the video?</label> <div class="col-md-4"> <label class="radio-inline" for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1" checked="checked"> Indane </label> <label class="radio-inline" for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> KSK </label> <label class="radio-inline" for="radios-2"> <input type="radio" name="radios" id="radios-2" value="3"> Servo </label> <label class="radio-inline" for="radios-3"> <input type="radio" name="radios" id="radios-3" value="4"> All of these </label> </div> </div> <br> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" style="color:blue" for="radios">2. What is the color of the Servo barrels at the car assembly point? </label> <div class="col-md-4"> <label class="radio-inline" for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1" checked="checked"> Blue </label> <label class="radio-inline" for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> Red </label> <label class="radio-inline" for="radios-2"> <input type="radio" name="radios" id="radios-2" value="3"> Yellow </label> <label class="radio-inline" for="radios-3"> <input type="radio" name="radios" id="radios-3" value="4"> White </label> </div> </div> <br> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" style="color:blue" for="radios">3. How many Indane LPG cylinder are shown being delivered thru boat? </label> <div class="col-md-4"> <label class="radio-inline" for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1" checked="checked"> Four </label> <label class="radio-inline" for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> Eight </label> <label class="radio-inline" for="radios-2"> <input type="radio" name="radios" id="radios-2" value="3"> Seven </label> <label class="radio-inline" for="radios-3"> <input type="radio" name="radios" id="radios-3" value="4"> Ten </label> </div> </div> <br> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" style="color:blue" for="radios">4. Which of these facilities can be found at IndianOil petrol pump:</label> <div class="col-md-4"> <label class="radio-inline" for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1" checked="checked"> Saloon facility </label><br> <label class="radio-inline" for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> Self Cooking facility </label> <br> <label class="radio-inline" for="radios-2"> <input type="radio" name="radios" id="radios-2" value="3"> Rest Area </label> <br> <label class="radio-inline" for="radios-3"> <input type="radio" name="radios" id="radios-3" value="4"> All of the above </label> </div> </div> <br> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" style="color:blue" for="radios">5. Which among is one of the formats of IndianOil petrol pump: </label> <div class="col-md-4"> <label class="radio-inline" for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1" checked="checked"> Kisan Seva Kendra </label> <br> <label class="radio-inline" for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> Krishi Kendra </label> <br> <label class="radio-inline" for="radios-2"> <input type="radio" name="radios" id="radios-2" value="3"> Kisan Vikas Kendra </label> <br> <label class="radio-inline" for="radios-3"> <input type="radio" name="radios" id="radios-3" value="4"> None of these </label> </div> </div> <br> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" style="color:blue" for="radios">6. What do you like the most about this advertisement? </label> <div class="col-md-4"> <label class="radio-inline" for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1" checked="checked"> Stunning visuals </label> <br> <label class="radio-inline" for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> The song and music </label> <br> <label class="radio-inline" for="radios-2"> <input type="radio" name="radios" id="radios-2" value="3"> Theme of the Ad "Pehle Indian Phir Oil" </label> <br> <label class="radio-inline" for="radios-3"> <input type="radio" name="radios" id="radios-3" value="4"> All the above </label> <br> <label class="radio-inline" for="radios-4"> <input type="radio" name="radios" id="radios-4" value="5"> None of the Above </label> </div> </div> <br> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="redirect"></label> <div class="col-md-4"> <button id="redirect" name="redirect" class="btn btn-primary">Submit</button> </div> </div> </fieldset> </form>

Related: See More


Questions / Comments: