<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 ----------> <div class="container"> <div class="pid-form"> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Create Campaign</legend> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Select Channel</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">Affiliates</option> <option value="2">Direct Typein</option> <option value="">Cross Sales</option> <option value="">Devices</option> <option value="">Display</option> <option value="">Email</option> <option value="">Mobile</option> <option value="">Newsletter</option> <option value="">No Channel specific info</option> <option value="">PR</option> <option value="">Search Affiliates</option> <option value="">SEM</option> <option value="">SEM TV</option> <option value="">SEO</option> <option value="">Social Media</option> <option value="">TV</option> <option value="">Unallocated</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="Project">Select Project</label> <div class="col-md-4"> <select id="Project" name="Project" class="form-control"> <option value="DACH">DACH</option> <option value="INT">International</option> <option value="CAMS">CAMS</option> </select> </div> </div> <!-- Multiple Checkboxes (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="Countries">Countries</label> <div class="col-md-4"> <label class="checkbox-inline" for="Countries-0"> <input type="checkbox" name="Countries" id="Countries-0" value="AT"> AT </label> <label class="checkbox-inline" for="Countries-1"> <input type="checkbox" name="Countries" id="Countries-1" value="D"> D </label> <label class="checkbox-inline" for="Countries-2"> <input type="checkbox" name="Countries" id="Countries-2" value="CH"> CH </label> </div> </div> <!-- Select Multiple --> <div class="form-group"> <label class="col-md-4 control-label" for="Domains">Domains</label> <div class="col-md-4"> <select id="Domains" name="Domains" class="form-control" multiple="multiple"> <option value="1">- select all -</option> <option value="2">Fremdgehen69</option> <option value="">Xdates18</option> <option value="">Seitensprungarea</option> <option value="">Datesacanner18</option> <option value="">Reifefrauen</option> </select> </div> </div> <!-- Multiple Checkboxes --> <div class="form-group"> <label class="col-md-4 control-label" for=""></label> <div class="col-md-4"> <div class="checkbox"> <label for="-0"> <input type="checkbox" name="" id="-0" value="1"> Generate New Partner </label> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="partner name">Name</label> <div class="col-md-4"> <input id="partner name" name="partner name" type="text" placeholder="Name" class="form-control input-md"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="partnertype">Type</label> <div class="col-md-4"> <select id="partnertype" name="partnertype" class="form-control"> <option value="1">- choose -</option> <option value="">Affiliate</option> <option value="">CRM</option> <option value="">Display</option> <option value="">Search Affiliate</option> <option value="">Search Engine</option> <option value="">Social Media</option> <option value="">TV</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="">Shortname</label> <div class="col-md-4"> <input id="" name="" type="text" placeholder="placeholder" class="form-control input-md"> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="activepartner">Active</label> <div class="col-md-4"> <label class="radio-inline" for="activepartner-0"> <input type="radio" name="activepartner" id="activepartner-0" value="1" checked="checked"> yes </label> <label class="radio-inline" for="activepartner-1"> <input type="radio" name="activepartner" id="activepartner-1" value="2"> no </label> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="addpartner"></label> <div class="col-md-4"> <button id="addpartner" name="addpartner" class="btn btn-primary">Add</button> </div> </div> <!-- Select Multiple --> <div class="form-group"> <label class="col-md-4 control-label" for="Partner">Partner Account</label> <div class="col-md-4"> <select id="Partner" name="Partner" class="form-control" multiple="multiple"> <option value="1">Andreas Funkl</option> <option value="2">Bang Media Group</option> <option value="">CPA Trend</option> <option value="">Maxbounty</option> <option value="">Iconpeak</option> </select> </div> </div> <!-- Select Multiple --> <div class="form-group"> <label class="col-md-4 control-label" for="Device Types">Device Types</label> <div class="col-md-4"> <select id="Device Types" name="Device Types" class="form-control" multiple="multiple"> <option value="1">Desktop</option> <option value="2">Mobile</option> <option value="">Tablet-Android</option> <option value="">Tablet-Ipad</option> <option value="">Tablet-General</option> </select> </div> </div> <!-- Select Multiple --> <div class="form-group"> <label class="col-md-4 control-label" for="dealtype">Deal Type</label> <div class="col-md-4"> <select id="dealtype" name="dealtype" class="form-control" multiple="multiple"> <option value="1">CPL SOI</option> <option value="2">CPL DOI</option> <option value="">Chargebacks Initial</option> <option value="">SOI Complete</option> <option value="">DOI Complete</option> </select> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="Active">Active</label> <div class="col-md-4"> <label class="radio-inline" for="Active-0"> <input type="radio" name="Active" id="Active-0" value="y" checked="checked"> yes </label> <label class="radio-inline" for="Active-1"> <input type="radio" name="Active" id="Active-1" value="n"> no </label> <label class="radio-inline" for="Active-2"> <input type="radio" name="Active" id="Active-2" value="date"> scheduled </label> </div> </div> </fieldset> </form> </div> </div>

.pid-form { background-color:#f4f5f5; width:680px; }