Easy way to see the Bootstrap grid?

Question

I am playing with a simple HTML page using Bootstrap and I would love to have a way to visualize the columns, as in see them \"underneath\" the actual content as a different sha

Answer 1

Bootstrap 3 has different class names (span* > col-*-*), and uses padding to create the gutter (spacing) between columns so simply putting a background-color in the columns won't show the gutter.

For Bootstrap 3, you can add background-clip: content-box to only show the background color within the content area...

 .row [class*='col-'] {
      background-color: #ffeeee;
      background-clip: content-box;
      min-height: 20px;
}

http://codeply.com/go/pejyqLlrBF