<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/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-horizontal"> <fieldset> <!-- Form Name --> <legend>Truck Configurator</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="vehicleName">Vehicle Name</label> <div class="col-md-4"> <input id="vehicleName" name="vehicleName" type="text" placeholder="Isuzu" class="form-control input-md" required=""> <span class="help-block">Please enter the Vehicle Name</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="registrationNumber">Registration Number</label> <div class="col-md-4"> <input id="registrationNumber" name="registrationNumber" type="text" placeholder="WB123456" class="form-control input-md" required=""> <span class="help-block">Please enter the vehicle registration number</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="FS_CA">FS_CA</label> <div class="col-md-4"> <input id="FS_CA" name="FS_CA" type="text" placeholder="58.82" class="form-control input-md" required=""> <span class="help-block">Please enter FS_CA</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="FS_CB">FS_CB</label> <div class="col-md-4"> <input id="FS_CB" name="FS_CB" type="text" placeholder="89.112" class="form-control input-md" required=""> <span class="help-block">Please enter FS_CB</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="RS_CA">RS_CA</label> <div class="col-md-4"> <input id="RS_CA" name="RS_CA" type="text" placeholder="234" class="form-control input-md" required=""> <span class="help-block">Please enter RS_CA</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="RS_CB">RS_CB</label> <div class="col-md-4"> <input id="RS_CB" name="RS_CB" type="text" placeholder="-10416" class="form-control input-md" required=""> <span class="help-block">Please enter RS_CB</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="SFS_CA">SFS_CA</label> <div class="col-md-4"> <input id="SFS_CA" name="SFS_CA" type="text" placeholder="0.9366" class="form-control input-md" required=""> <span class="help-block">Please enter SFS_CA</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="SFS_CB">SFS_CB</label> <div class="col-md-4"> <input id="SFS_CB" name="SFS_CB" type="text" placeholder="-1.12688" class="form-control input-md" required=""> <span class="help-block">Please enter SFS_CB</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="SRS_CA">SRS_CA</label> <div class="col-md-4"> <input id="SRS_CA" name="SRS_CA" type="text" placeholder="0.8824" class="form-control input-md" required=""> <span class="help-block">help</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="SRS_CB">SRS_CB</label> <div class="col-md-4"> <input id="SRS_CB" name="SRS_CB" type="text" placeholder="28.569" class="form-control input-md" required=""> <span class="help-block">Please enter SRS_CB</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="WB">WB</label> <div class="col-md-4"> <input id="WB" name="WB" type="text" placeholder="4560" class="form-control input-md" required=""> <span class="help-block">Please enter WB</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="BETA">BETA</label> <div class="col-md-4"> <input id="BETA" name="BETA" type="text" placeholder="3.6" class="form-control input-md" required=""> <span class="help-block">Please enter BETA</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="CGX1">CGX1</label> <div class="col-md-4"> <input id="CGX1" name="CGX1" type="text" placeholder="3.1" class="form-control input-md" required=""> <span class="help-block">Please enter CGX1</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="FRT">FRT</label> <div class="col-md-4"> <input id="FRT" name="FRT" type="text" placeholder="5000" class="form-control input-md" required=""> <span class="help-block">Please enter FRT</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="FUS">FUS</label> <div class="col-md-4"> <input id="FUS" name="FUS" type="text" placeholder="11000" class="form-control input-md" required=""> <span class="help-block">Please enter FUS</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="AW1">AW1</label> <div class="col-md-4"> <input id="AW1" name="AW1" type="text" placeholder="4500" class="form-control input-md" required=""> <span class="help-block">Please enter AW1</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="RS_C_CA">RS_C_CA</label> <div class="col-md-4"> <input id="RS_C_CA" name="RS_C_CA" type="text" placeholder="0.5106" class="form-control input-md" required=""> <span class="help-block">Please enter RS_C_CA</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="RS_C_CB">RS_C_CB</label> <div class="col-md-4"> <input id="RS_C_CB" name="RS_C_CB" type="text" placeholder="-5.811" class="form-control input-md" required=""> <span class="help-block">Please enter RS_C_CB</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="FS_C_CA">FS_C_CA</label> <div class="col-md-4"> <input id="FS_C_CA" name="FS_C_CA" type="text" placeholder="0.05993" class="form-control input-md" required=""> <span class="help-block">Please enter FS_C_CA</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="FS_C_CB">FS_C_CB</label> <div class="col-md-4"> <input id="FS_C_CB" name="FS_C_CB" type="text" placeholder="-2.040" class="form-control input-md" required=""> <span class="help-block">Please enter FS_C_CB</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="MODE">MODE</label> <div class="col-md-4"> <input id="MODE" name="MODE" type="text" placeholder="0" class="form-control input-md" required=""> <span class="help-block">Please enter MODE</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="MAC">MAC</label> <div class="col-md-4"> <input id="MAC" name="MAC" type="text" placeholder="B0:B4:48:BD:14:01" class="form-control input-md" required=""> <span class="help-block">Please enter MAC</span> </div> </div> </fieldset> </form>