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

Since different containers on the same page can have different columns, a solution will have to support visualizing this. Just displaying a colored overlay is not that visually apparent. One easy solution is to just add temporary column elements at the top of each section that you want to visualize, such as the following snippet:

1
2
3
4
5
6
7
8
9
10
11
12

Demo: https://jsfiddle.net/7zea43o8/7/