Label on the left side instead above an input field

by

You can use form-inline class for each form-group 🙂

<form>                      
    <div class="form-group form-inline">                            
        <label for="exampleInputEmail1">Email address</label>
            <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
    </div>
</form>

More Related Contents:

  1. What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
  2. Center a column using Twitter Bootstrap 3
  3. Bootstrap 3 fluid grid layout issues?
  4. Bootstrap 3 Navbar with Logo
  5. How to change the bootstrap primary color?
  6. Why did Bootstrap 3 switch to box-sizing: border-box?
  7. How to use particular CSS styles based on screen size / device
  8. Centering brand logo in Bootstrap Navbar
  9. What do “flex” and “justify-content” achieve that “text-align” doesn’t?
  10. Bootstrap 3 – disable navbar collapse
  11. Bootstrap: how to stack divs of different heights?
  12. Right to Left support for Twitter Bootstrap 3
  13. Bootstrap 3 unable to display glyphicon properly
  14. Input widths on Bootstrap 3
  15. Change the order of col-*-12 columns in Bootstrap using push/pull
  16. Bootstrap grid with fixed wrapper – Prevent columns from stacking up
  17. Bootstrap 3 – Use more than 12 columns in a row
  18. Changing the width of Bootstrap popover
  19. How to change btn color in Bootstrap
  20. Bootstrap 3 Slide in Menu / Navbar on Mobile [closed]
  21. Make column fixed position in bootstrap
  22. Bootstrap 3: pull-right for col-lg only
  23. How to use vertical align in bootstrap
  24. Centering the image in Bootstrap
  25. How to add a search box with icon to the navbar in Bootstrap 3?
  26. Bootstrap 3 Align Text To Bottom of Div
  27. Shrinking navigation bar when scrolling down (bootstrap3)
  28. Vertically align Bootstrap badge inside heading
  29. Custom CSS being overridden by Bootstrap CSS
  30. Bootstrap Grid System new line does not look nice

Leave a Comment