<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="//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>Form Name</legend> <br> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="First Name">First Name:</label> <div class="col-md-4"> <input id="First Name" name="First Name" type="text" placeholder="" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Last Name">Last Name:</label> <div class="col-md-4"> <input id="Last Name" name="Last Name" type="text" placeholder="" class="form-control input-md" required=""> </div> </div> <!-- Prepended text--> <div class="form-group"> <label class="col-md-4 control-label" for="Contact">Contact:</label> <div class="col-md-4"> <div class="input-group"> <span class="input-group-addon">+91</span> <input id="Contact" name="Contact" class="form-control" placeholder="0000000000" type="text" required=""> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Department">Department:</label> <div class="col-md-4"> <input id="Department" name="Department" type="text" placeholder="" class="form-control input-md" required=""> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="LOB">LOB:</label> <div class="col-md-4"> <select id="LOB" name="LOB" class="form-control"> <option value="1">select one</option> <option value="2">Consumer Banking</option> <option value="3">Small Business Banking</option> <option value="4">Mergers & Acquisitions</option> <option value="5">Property & Casualty Insurance</option> <option value="6">Reinsurance</option> <option value="7">Retail Brokerage</option> <option value="8">Wealth Management</option> <option value="9">Large Accounts</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Campaign Name">Campaign Name:</label> <div class="col-md-4"> <input id="Campaign Name" name="Campaign Name" type="text" placeholder="" class="form-control input-md" required=""> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="Category">Category:</label> <div class="col-md-4"> <select id="Category" name="Category" class="form-control"> <option value="1">select one</option> <option value="2">Option one</option> <option value="3">Option two</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="Channel">Channel:</label> <div class="col-md-4"> <select id="Channel" name="Channel" class="form-control"> <option value="1">select one</option> <option value="2">SMS</option> <option value="3">Email</option> <option value="4">Push Notification</option> </select> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Business Intent">Business Intent:</label> <div class="col-md-4"> <textarea class="form-control" id="Business Intent" name="Business Intent">default text</textarea> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="Communication Content">Communication Content:</label> <div class="col-md-4"> <label class="radio-inline" for="Communication Content-0"> <input type="radio" name="Communication Content" id="Communication Content-0" value="1" checked="checked"> Text Message </label> <label class="radio-inline" for="Communication Content-1"> <input type="radio" name="Communication Content" id="Communication Content-1" value="2"> Template </label> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Post Campaign Analyses">Post Campaign Analyses:</label> <div class="col-md-4"> <textarea class="form-control" id="Post Campaign Analyses" name="Post Campaign Analyses">default text</textarea> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Frequency of Campaign">Frequency of Campaign:</label> <div class="col-md-4"> <input id="Frequency of Campaign" name="Frequency of Campaign" type="text" placeholder="0-9" class="form-control input-md" required=""> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Campaign Logic">Campaign Logic:</label> <div class="col-md-4"> <textarea class="form-control" id="Campaign Logic" name="Campaign Logic">default text</textarea> </div> </div> <!-- File Button --> <div class="form-group"> <label class="col-md-4 control-label" for="File Upload ">File Upload:</label> <div class="col-md-4"> <input id="File Upload " name="File Upload " class="input-file" type="file"> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for=""></label> <div class="col-md-4"> <button id="" name="" class="btn btn-primary">Submit</button> </div> </div> </fieldset> </form>