Borders between columns of Bootstrap Grid not working

Question

I\'m creating a page in bootstrap where I\'m using 4 cols inside a row. The code:

Answer 1

You need to use another block element (ie; DIV) inside the columns since Bootstrap 'col-*' uses padding to create the spacing or "gutter" between the grid columns.

 

      
 
        
 
          ..
        
      
 

Demo: http://www.bootply.com/71ZVOWCFWu