<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/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" action='' method="POST"> <fieldset> <div id="legend"> <legend class="">Register</legend> </div> <div class="control-group"> <!-- Username --> <label class="control-label" for="username">Username</label> <div class="controls"> <input type="text" id="username" name="username" placeholder="" class="input-xlarge"> <p class="help-block">Username can contain any letters or numbers, without spaces</p> </div> </div> <div class="control-group"> <!-- E-mail --> <label class="control-label" for="email">E-mail</label> <div class="controls"> <input type="text" id="email" name="email" placeholder="" class="input-xlarge"> <p class="help-block">Please provide your E-mail</p> </div> </div> <div class="control-group"> <!-- Password--> <label class="control-label" for="password">Password</label> <div class="controls"> <input type="password" id="password" name="password" placeholder="" class="input-xlarge"> <p class="help-block">Password should be at least 4 characters</p> </div> </div> <div class="control-group"> <!-- Password --> <label class="control-label" for="password_confirm">Password (Confirm)</label> <div class="controls"> <input type="password" id="password_confirm" name="password_confirm" placeholder="" class="input-xlarge"> <p class="help-block">Please confirm password</p> </div> </div> <!-- Form Name --> <legend>Registration</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="sign_id">sign_id</label> <div class="col-md-4"> <input id="sign_id" name="sign_id" type="text" placeholder="placeholder" class="form-control input-md"> <span class="help-block">help</span> </div> </div> <!-- Password input--> <div class="form-group"> <label class="col-md-4 control-label" for="passwd">passwd</label> <div class="col-md-4"> <input id="passwd" name="passwd" type="password" placeholder="placeholder" class="form-control input-md"> <span class="help-block">help</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="user_nm">user_nm</label> <div class="col-md-4"> <input id="user_nm" name="user_nm" type="text" placeholder="placeholder" class="form-control input-md"> <span class="help-block">help</span> </div> </div> <div class="control-group"> <!-- Button --> <div class="controls"> <button class="btn btn-success">Register</button> </div> </div> </fieldset> </form>