Bootstrap 3 modal vertical position center

by 
.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

And adjust a little bit .fade class to make sure it appears out of the top border of window, instead of center

More Related Contents:

  1. Bootstrap Modal sitting behind backdrop
  2. Why I can see Less instead of CSS in a browser [closed]
  3. Bootstrap align navbar items to the right
  4. Change navbar color in Twitter Bootstrap
  5. How to align a to the middle (horizontally/width) of the page [duplicate]
  6. Change bootstrap navbar collapse breakpoint without using LESS
  7. What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
  8. Bootstrap modal appearing under background
  9. Bootstrap 4 navbar with 2 rows
  10. Bootstrap 3 Navbar with Logo
  11. Twitter Bootstrap Form File Element Upload Button
  12. Bootstrap: how to stack divs of different heights?
  13. How to style icon color, size, and shadow of Font Awesome Icons
  14. Fixed sidebar navigation in fluid twitter bootstrap 2.0
  15. top nav bar blocking top content of the page
  16. Search input with an icon Bootstrap
  17. Twitter Bootstrap – add top space between rows
  18. How to align an image dead center with bootstrap
  19. Bootstrap dropdowns menus appearing behind other elements – IE7
  20. bootstrap 3 responsive table with fixed first column
  21. css framework for an app with existing stylesheet
  22. Bootstrap: align input with button
  23. Twitter’s Bootstrap 3 grid, changing breakpoint and removing padding
  24. Bootstrap 3: pull-right for col-lg only
  25. Table column sizing
  26. How to create the masonry effects with just bootstrap 3 grid system and css
  27. Bootstrap 4 custom build generator / download [duplicate]
  28. Bootstrap change div order with pull-right, pull-left on 3 columns
  29. Custom CSS being overridden by Bootstrap CSS
  30. Turning off Twitter Bootstrap Navbar Transition animation

Leave a Comment