"Status bar"
Bootstrap 3.3.0 Snippet by ayeshalmeida

Post to Facebook Tweet this

<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 ----------> <html> <body> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Add Supplier Form</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="sname">Supplier Name</label> <div class="col-md-4"> <input id="sname" name="sname" placeholder="supplier name" class="form-control input-md" required="" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="nic">NIC</label> <div class="col-md-4"> <input id="nic" name="nic" placeholder="nic" class="form-control input-md" required="" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="lpn">Land Phone Number</label> <div class="col-md-4"> <input id="lpn" name="lpn" placeholder="land-line" class="form-control input-md" required="" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="mpn">Mobile Number</label> <div class="col-md-4"> <input id="mpn" name="mpn" placeholder="mobile" class="form-control input-md" required="" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="email">Email</label> <div class="col-md-5"> <input id="email" name="email" placeholder="email" class="form-control input-md" required="" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="adr">Address</label> <div class="col-md-6"> <input id="adr" name="adr" placeholder="address" class="form-control input-md" required="" type="text"> </div> </div> <!-- Password input--> <div class="form-group"> <label class="col-md-4 control-label" for="npwd">New Password</label> <div class="col-md-4"> <input id="npwd" name="npwd" placeholder="password" class="form-control input-md" required="" type="password"> <span class="help-block">type a password with alphanumeric characters</span> </div> </div> <!-- Password input--> <div class="form-group"> <label class="col-md-4 control-label" for="vpwd">Verify Password</label> <div class="col-md-4"> <input id="vpwd" name="vpwd" placeholder="password" class="form-control input-md" required="" type="password"> <span class="help-block">Type the above password again</span> </div> </div> </fieldset> </form> </body> </html>

Related: See More

Now UI Kit
Status bar
Simple Status Page
Status Boxes

Questions / Comments: