This is a Short CSS Snippet that will help you align columns vertically in the middle for whenever needed. CSS .vertical-align { display: flex; flex-direction: row; } .vertical-align > [class^="col-"],
This is a short code snippet on how to center bootstrap navigation. .navbar .navbar-nav { display: inline-block; float: none; } .navbar .navbar-collapse { text-align: center; } Source: https://stackoverflow.com/questions/21980660/align-bootstrap-navigation-to-center
In BootStrap 3 these are the break-points. @media(max-width:767px){} @media(min-width:768px){} @media(min-width:992px){} @media(min-width:1200px){} In BootStrap 4 these are the break-points. @media(min-width:576px){} @media(min-width:768px){} @media(min-width:992px){} @media(min-width:1200px){} StackOverflow Source: http://stackoverflow.com/questions/18424798/twitter-bootstrap-3-how-to-use-media-queries
While using Bootstrap i always liked the Overlay Menu for small menu options. This is a data-toggle sample menu that i found useful in StackOverflow. The CSS: .navbar-toggle { float:
