Tutorial by Examples: clearfix

The clearfix hack is a popular way to contain floats (N. Gallagher aka @necolas) Not to be confused with the clear property, clearfix is a concept (that is also related to floats, thus the possible confusion). To contain floats, you've to add .cf or .clearfix class on the container (the parent)...

Here's a layout that renders two, four, or six cells across depending on screen size. <div class="container-fluid"> <div class="row"> <div class="col-xs-6 col-md-3 col-lg-2">1</div> <div class="col-xs-6 col-md-3 co...