Secrets

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, https://scotch.io/bar-talk/bootstrap-3-tips-and-tricks-you-might-not-know and it talks about how it’s called a front-end framework. Which, according to awwwards.com, 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 lynda.com.

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.

Advertisements

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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