According to Bootstrap\'s documentation
Rows must be placed within a
.container(fixed-width) or.container-fluid(full-widt
The .row elements have a negative margin on both sides. All the columns have a padding taking care of the spacing, even the first and the last one (which is something we don't want) so the .row pulls them back to fix that. Also, I think it makes more sense to have more rows in a container, instead of columns.