This is the basic grid structure built using Dreamweaver.
see: The Subtle Magic Behind Why the Bootstrap 3 Grid Works
The default bootstrap grid creates a gutter between columns twice the width of the left and right margins of the container. As all rows have to sit within the main container, and all columns need to sit within rows, this causes a design problem if you wish the gutters to be equal to the sides. The default settings are container: padding 15px. row: margin -15px. columns: padding 15px.
Simply give the container a padding-left and padding-right of 30px (Double that of the original).
So, it should look like this. Also works with Double Nested Rows.
All I had to really do was add the following to my custom css. .container { padding-left: 30px; padding-right:30px; } Hey, Here's a fluid version.
So, it should look like this. Also works with Double Nested Rows.