"Bootstrap 3.0.0 Contact Form"
Bootstrap 3.0.0 Snippet by akilasuresh

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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-sm-8 contact-form"> <form id="contact" method="post" class="form" role="form"> <div class="row"> <div class="col-xs-6 col-md-6 form-group"> <input class="form-control" id="name" name="name" placeholder="Name" type="text" required autofocus /> </div> <div class="col-xs-6 col-md-6 form-group"> <input class="form-control" id="surname" name="surname" placeholder="surname" type="text" required /> </div> <div class="col-xs-6 col-md-6 form-group"> <input class="form-control" id="Contact Number 1" name="Contact Number 1" placeholder="Contact Number 1" type="phonenumber" required /> </div> <div class="col-xs-6 col-md-6 form-group"> <input class="form-control" id="Contact Number 2" name="Contact Number 2" placeholder="Contact Number 2" type="phone number" /> </div> <div class="col-xs-6 col-md-6 form-group"> <input class="form-control" id="Self/Salary" name="Self/Salary" placeholder="Self/Salary" type="salary" required /> </div> <div class="col-xs-6 col-md-6 form-group"> <input class="form-control" id="Annual/monthly income" name="Annual/monthly income" placeholder="Annual/monthly income" type="income" required /> </div> <div class="col-xs-6 col-md-6 form-group"> <input class="form-control" id="Pan Card Number" name="Pan Card Number" placeholder="Pan Card number" type="cardnumber" required /> </div> <div class="col-xs-6 col-md-6 form-group"> <input class="form-control" id="Email" name="Email" placeholder="Email" type="email" required /> </div> </div> <textarea class="form-control" id="Address" name="Address" placeholder="Address" rows="5"></textarea> <br /> <div class="row"> <div class="col-xs-12 col-md-12 form-group"> <button class="btn btn-primary pull-right" type="submit">Submit</button> </form> </div> </div>
.contact-form { margin-top:70px; }

Related: See More


Questions / Comments: