I thought about the things I might need to know that could be considered my secret “cheat sheet” to help me maneuver through bootstrap on DreamWeaver. I found this site, and it talks about how it’s called a front-end framework. Which, according to, is defined as “A standardized set of concepts, practices and criteria for dealing with a common type of problem, which can be used as a reference to help us approach and resolve new problems of a similar nature.”

Anyway, the author goes on to talk about enabling hover dropdowns. He explains that he didn’t like the navigation bar that Bootstrap has a default, and decided to mess with the CSS to add a hover dropdown (

@media only screen and (min-width : 768px)

{ /* Make Navigation Toggle on Desktop Hover */

.dropdown:hover .dropdown-menu {

display: block;



Another tip or trick that the author has is to make sure that container-fluid is used when creating full width rows. He shows an example of a bootstrap design with and without a container, clearly showing that there is a 15 px left and right margin difference. The next tip he gives is the “different grid columns at different device sizes” trick we learned in class from the video we watched on

A lot of the tricks he lists require manipulating the css code in order to fully customize a site to how we want it to look. Whether it be nested columns or labels for screen readers, this site has a bunch of pointers for bootstrap lovers, something I will keep tabbed on my bookmarks page.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s