How to use vertical align in bootstrap

by 
.parent {
    display: table;
    table-layout: fixed;
}

.child {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

table-layout: fixed prevents breaking the functionality of the col-* classes.

More Related Contents:

  1. Bootstrap dropdown sub menu missing
  2. What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
  3. Center a column using Twitter Bootstrap 3
  4. Bootstrap 3 fluid grid layout issues?
  5. Bootstrap 3 Navbar with Logo
  6. How to change the bootstrap primary color?
  7. Why did Bootstrap 3 switch to box-sizing: border-box?
  8. How to use particular CSS styles based on screen size / device
  9. Bootstrap: how to stack divs of different heights?
  10. Meaning of numbers in “col-md-4″,” col-xs-1″, “col-lg-2” in Bootstrap
  11. Bootstrap icons are loaded locally but not when online
  12. Right to Left support for Twitter Bootstrap 3
  13. Input widths on Bootstrap 3
  14. Change the order of col-*-12 columns in Bootstrap using push/pull
  15. Bootstrap grid with fixed wrapper – Prevent columns from stacking up
  16. Bootstrap 3 – Use more than 12 columns in a row
  17. Bootstrap xs columns wrap
  18. Changing the width of Bootstrap popover
  19. How to change btn color in Bootstrap
  20. Bootstrap 3 – desktop view on a mobile device
  21. Bootstrap 3 Slide in Menu / Navbar on Mobile [closed]
  22. Twitter’s Bootstrap 3 grid, changing breakpoint and removing padding
  23. Make column fixed position in bootstrap
  24. Bootstrap 3: pull-right for col-lg only
  25. Centering the image in Bootstrap
  26. Bootstrap change div order with pull-right, pull-left on 3 columns
  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