How to make gutter between columns in a CSS grid system
问题 Does anyone know how to make a 20px or 1em gutter for the grid system below? I got all the div s to all go in a row but I want to know how to add a gutter in between each div. I'm doing this to learn how grids are made. jsFiddle Here. body { font:20px/1.2 Verdana, Arial; padding:0px; margin:0px; } *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; } .row { width:100%; } .row > [class*='col-'] { /* ... */ } .row > [class*='col-']:last-of