Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
  • Horizontal form

    • 0
    • 1
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 286
    Comment on it

    Horizontal form.

    Bootstrap provide us the feature to align labels and groups of form controls,we can do so by adding .form-horizonal class to the form.Required customization can be done by little effort making it more user friendly and time saving.

    1. <form class="form-horizontal">
    2. <div class="form-group">
    3. <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
    4. <div class="col-sm-10">
    5. <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
    6. </div>
    7. </div>
    8. <div class="form-group">
    9. <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
    10. <div class="col-sm-10">
    11. <input type="password" class="form-control" id="inputPassword3" placeholder="Password">
    12. </div>
    13. </div>
    14. <div class="form-group">
    15. <div class="col-sm-offset-2 col-sm-10">
    16. <div class="checkbox">
    17. <label>
    18. <input type="checkbox"> Remember me
    19. </label>
    20. </div>
    21. </div>
    22. </div>
    23. <div class="form-group">
    24. <div class="col-sm-offset-2 col-sm-10">
    25. <button type="submit" class="btn btn-default">Sign in</button>
    26. </div>
    27. </div>
    28. </form>

 0 Comment(s)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Reset Password
Fill out the form below and reset your password: