"form"
Bootstrap 3.2.0 Snippet by jefer23

<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.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"> <div class="col-md-6"> <form class="form-horizontal" role="form"> <fieldset> <!-- Form Name --> <legend>CVD Application Request</legend> <p>Please fill form and fields with application name you are requesting.</p> <!-- Text input--> <div class="form-group"> <label class="col-sm-2 control-label" for="textinput">Name</label> <div class="col-sm-10"> <input type="text" placeholder="" class="form-control"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-sm-2 control-label" for="textinput">Dept</label> <div class="col-sm-10"> <input type="text" placeholder="" class="form-control"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-sm-2 control-label" for="textinput">Manager</label> <div class="col-sm-10"> <input type="text" placeholder="" class="form-control"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-sm-2 control-label" for="textinput">Manager's Signature Approval'</label> <div class="col-sm-10"> <input type="text" placeholder="" class="form-control"> </div> </div> <p>Applications you are requesting.</p> <div id="form-label"> <p class="alignleft"><b>Application name:</b></p> <p class="alignright"><b>Currently in use</b></p> <div style="clear: both;"></div> </div> <!-- Text input--> <div class="form-group"> <label class="col-sm-2 control-label" for="textinput">1.</label> <div class="col-md-6"> <input type="text" placeholder="" class="form-control"> </div> <label class="col-md-2 control-label"> <input type="checkbox" id="inlineCheckbox1" value="option1"> Yes </label> <label class="col-md-2 control-label"> <input type="checkbox" id="inlineCheckbox2" value="option2"> No </label> </div> <!-- Text input--> <div class="form-group"> <label class="col-sm-2 control-label" for="textinput">2.</label> <div class="col-md-6"> <input type="text" placeholder="" class="form-control"> </div> <label class="col-md-2 control-label"> <input type="checkbox" id="inlineCheckbox1" value="option1"> Yes </label> <label class="col-md-2 control-label"> <input type="checkbox" id="inlineCheckbox2" value="option2"> No </label> </div> <!-- Text input--> <div class="form-group"> <label class="col-sm-2 control-label" for="textinput">3.</label> <div class="col-md-6"> <input type="text" placeholder="" class="form-control"> </div> <label class="col-md-2 control-label"> <input type="checkbox" id="inlineCheckbox1" value="option1"> Yes </label> <label class="col-md-2 control-label"> <input type="checkbox" id="inlineCheckbox2" value="option2"> No </label> </div> <!-- Text input--> <div class="form-group"> <label class="col-sm-2 control-label" for="textinput">4.</label> <div class="col-md-6"> <input type="text" placeholder="" class="form-control"> </div> <label class="col-md-2 control-label"> <input type="checkbox" id="inlineCheckbox1" value="option1"> Yes </label> <label class="col-md-2 control-label"> <input type="checkbox" id="inlineCheckbox2" value="option2"> No </label> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-2 control-label" for="textinput">5.</label> <div class="col-md-6"> <input type="text" placeholder="" class="form-control"> </div> <label class="col-md-2 control-label"> <input type="checkbox" id="inlineCheckbox1" value="option1"> Yes </label> <label class="col-md-2 control-label"> <input type="checkbox" id="inlineCheckbox2" value="option2"> No </label> </div> <!-- Text input--> <div class="form-group"> <label class="control-label">Additional Information: </label> <textarea class="form-control" rows="3"></textarea> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <div class="pull-right"> <button type="submit" class="btn btn-default">Cancel</button> <button type="submit" class="btn btn-primary">Save</button> </div> </div> </div> </fieldset> </form> </div><!-- /.col-lg-12 --> </div><!-- /.row --> </div><!--/.container -->
.alignleft { float: left; } .alignright { float: right; }

Related: See More


Questions / Comments: