grid-system

How to adjust gutter in Bootstrap 3 grid system?

You could create a CSS class for this and apply it to your columns. Since the gutter (spacing between columns) is controlled by padding in Bootstrap 3, adjust the padding accordingly: .col { padding-right:7px; padding-left:7px; } Demo: http://bootply.com/93473 EDIT If you only want the spacing between columns you can select all cols except first and … Read more

Nested rows with bootstrap grid system?

Bootstrap Version 3.x As always, read Bootstrap’s great documentation: 3.x Docs: https://getbootstrap.com/docs/3.3/css/#grid-nesting Make sure the parent level row is inside of a .container element. Whenever you’d like to nest rows, just open up a new .row inside of your column. Here’s a simple layout to work from: <div class=”container”> <div class=”row”> <div class=”col-xs-6″> <div class=”big-box”>image</div> … Read more