Add clear:left support

This is my solution to add clear:left support when needed.

This need css but i don't know where you want to see it.
In my case i put it directly in my theme/styles.css

So this is the ccs to add where you think is the best place.


/* Small devices (tablets, 768px and up) */
@media (max-width: 767px){ 
    .clear-xs{clear:left;}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) { 
    .clear-sm{clear:left;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px){
    .clear-md{clear:left;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200) { 
    .clear-lg{clear:left;}
}