<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 ----------> <link rel='stylesheet' href='http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css'> <div class="container"> <div class="row"> <h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2> </div> <form class="form"> <div class="row"> <div class="col-xs-2 col-md-2 input-group"> <span class="input-group-addon"><i class="fa fa-user"></i></span> <select name="title" class="form-control"> <option disabled="disaled" hidden="hidden" selected="selected"> Title </option> <option value="Mr">Mr</option> <option value="Mrs">Mrs</option> <option value="Miss">Miss</option> <option value="Dr">Dr</option> <option value="Sir">Sir</option> <option value="Lady">Lady</option> <option value="Dame">Dame</option> </select> </div ><div class="col-xs-5 col-md-5"> <input type="text" name="firstname" value="" class="form-control " placeholder="First Name" /> </div> <div class="col-xs-5 col-md-5"> <input type="text" name="lastname" value="" class="form-control " placeholder="Last Name" /> </div> </div> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-envelope"></i></span> <input type="email" class="form-control" name="email" value="" placeholder="Email"> </div> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-phone"></i></span> <input type="tel" class="form-control" name="phone" value="" placeholder="Phone"> </div> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-pencil"></i></span> <textarea name="userinput" class="form-control" style="min-height: 6em;"></textarea> </div> </form> </div>