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:
Learning HTML can be frustrating at first, but we would like to help. This is a short list of the best couses to learn HTML for Free. FREE LESSONS HTML
In order to stretch an element a href to the full width of the container we use the following css feature. a { display: block; } This is nice for
In order to change the list-style circle we can do the following: <style> ul li{ list-style:circle; color:red; } ul li span{ color:green; } </style> <ul> <li><span>Some Text</span></li> <li><span>Some Text</span></li> </ul>
As the world becomes more social developers are required to know how to share links on Facebook, twitter, and other social networks. I have written this to show developers how
The following is an example of a scrollable div hiding any text larger than the allowed div. This is helpful when you do not want to pass the size limit
The Issue: When making a responsive websites you want the sizes of elements to be directly correlated with the size of the screen. The common solution now is media queries
This is a interactive restaurant menu made with HTML, CSS, and jQuery. The cool thing about this menu is the animation after you click on the menu item it gives
