<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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 ----------> <<form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>New CSI FIle</legend> <!-- File Button --> <div class="control-group"> <label class="control-label" for="segy_file">Segy File</label> <div class="controls"> <input id="segy_file" name="segy_file" class="input-file" type="file"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="eproject">Shell e-Project number</label> <div class="controls"> <input id="eproject" name="eproject" type="text" placeholder="M1234" class="input-mini" required=""> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="acq_ocde">Acquisition Survey Code</label> <div class="controls"> <input id="acq_ocde" name="acq_ocde" type="text" placeholder="M1234" class="input-mini" required=""> </div> </div> <!-- Select Basic --> <div class="control-group"> <label class="control-label" for="country">Client Country</label> <div class="controls"> <select id="country" name="country" class="input-mini"> <option>NL</option> <option>NO</option> <option>UK</option> </select> </div> </div> <!-- Select Basic --> <div class="control-group"> <label class="control-label" for="crs">Coordinate Reference System</label> <div class="controls"> <select id="crs" name="crs" class="input-xlarge"> <option>Option one</option> <option>Option two</option> </select> </div> </div> <!-- Select Basic --> <div class="control-group"> <label class="control-label" for="csi_kind_code">CSI KInd Code</label> <div class="controls"> <select id="csi_kind_code" name="csi_kind_code" class="input-small"> <option>PRESDM</option> <option>PRETIM</option> </select> </div> </div> <!-- Select Basic --> <div class="control-group"> <label class="control-label" for="csi_desc_code">CSI Description Code</label> <div class="controls"> <select id="csi_desc_code" name="csi_desc_code" class="input-mini"> <option>085</option> <option>087</option> </select> </div> </div> </fieldset> </form>