<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.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="col-xs-12 col-sm-8 col-md-6 col-sm-offset-2 col-md-offset-6"> <div> <div> <form role="form"> <hr class="colorgraph"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6"> <div class="form-group"> <input type="text" name="Postal Code" id="Postal Code" class="form-control input-lg" placeholder="First Name" tabindex="1"> </div> </div> <div class="col-xs-12 col-sm-6 col-md-6"> <div class="form-group"> <input type="phone" name="phone" id="phone" class="form-control input-lg" placeholder="Last Name" tabindex="2"> </div> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6"> <div class="form-group"> <input type="text" name="Industry" id="Industry" class="form-control input-lg" placeholder="Email" tabindex="3"> </div> </div> <div class="col-sm-12 col-sm-6 col-md-6"> <div class="form-group"> <input type="text" name="department" id="department" class="form-control input-lg" placeholder="Password" tabindex="2"> </div> </div> <div class="col-xs-12 col-sm-8 col-md-6"> </div> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6"> <div class="form-group"> <input type="text" name="jobtype" id="jobtype" class="form-control input-lg" placeholder="Industry" tabindex="5"> </div> </div> <div class="col-xs-12 col-sm-8 col-md-6"> <div class="form-group"> <input type="password" name="career_level" id="career_level" class="form-control input-lg" placeholder="Postal Code" tabindex="6"> </div> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6"> <div class="form-group"> <input type="text" name="jobtype" id="jobtype" class="form-control input-lg" placeholder="Job Type" tabindex="5"> </div> </div> <div class="col-xs-12 col-sm-8 col-md-6"> <div class="form-group"> <input type="password" name="career_level" id="career_level" class="form-control input-lg" placeholder="Career Cevel" tabindex="6"> </div> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6"> <div class="form-group"> <input type="text" name="jobtype" id="jobtype" class="form-control input-lg" placeholder="Job Type" tabindex="5"> </div> </div> <div class="col-xs-12 col-sm-8 col-md-6"> <div class="form-group"> <input type="password" name="career_level" id="career_level" class="form-control input-lg" placeholder="Career Cevel" tabindex="6"> </div> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6"> <div class="form-group"> <input type="text" name="jobtype" id="jobtype" class="form-control input-lg" placeholder="Job Type" tabindex="5"> </div> </div> <div class="col-xs-12 col-sm-8 col-md-6"> <div class="form-group"> <input type="password" name="career_level" id="career_level" class="form-control input-lg" placeholder="Career Cevel" tabindex="6"> </div> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6"> <div class="form-group"> <input type="text" name="jobtype" id="jobtype" class="form-control input-lg" placeholder="Job Type" tabindex="5"> </div> </div> <div class="col-xs-12 col-sm-8 col-md-6"> <div class="form-group"> <input type="password" name="career_level" id="career_level" class="form-control input-lg" placeholder="Career Cevel" tabindex="6">