How to adjust gutter in Bootstrap 3 grid system?

by

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 last like this..

.col:not(:first-child,:last-child) {
  padding-right:7px;
  padding-left:7px;
}

Updated Bootply

For Bootstrap 4 see: Remove gutter space for a specific div only

More Related Contents:

  1. When to use margin vs padding in CSS [closed]
  2. Why is there an unexplainable gap between these inline-block div elements? [duplicate]
  3. Difference between a View’s Padding and Margin
  4. Remove all padding and margin table HTML and CSS
  5. Bootstrap 3 Gutter Size
  6. What is the difference between `margin` and `padding` in CSS?
  7. Is there any way to add padding to select options via CSS?
  8. jQuery How to Get Element’s Margin and Padding?
  9. How make my CSS responsive using Bootstrap 3.1
  10. bootstrap alpha or stable?
  11. Multiple modals overlay
  12. Set padding for UITextField with UITextBorderStyleNone
  13. What is the difference between Bootstrap .container and .container-fluid classes?
  14. Background image jumps when address bar hides iOS/Android/Mobile Chrome
  15. Twitter Bootstrap 3 Sticky Footer
  16. How to add spacing between columns?
  17. What does auto do in margin: 0 auto?
  18. Bootstrap: Open Another Modal in Modal
  19. Meaning of numbers in “col-md-4″,” col-xs-1″, “col-lg-2” in Bootstrap
  20. Padding in structures in C
  21. Bootstrap 3 breakpoints and media queries
  22. Bootstrap balancing bullet columns
  23. bootstrap 4 responsive utilities visible / hidden xs sm lg not working
  24. Images not responsive by default in Twitter Bootstrap 3?
  25. How to create a sticky left sidebar menu using bootstrap 3?
  26. Bootstrap’s JavaScript requires jQuery version 1.9.1 or higher, but lower than version 3
  27. How to Bootstrap navbar static to fixed on scroll?
  28. Why were margin collapse rules introduced in CSS?
  29. Bootstrap and jQueryUI Conflict
  30. How to justify navbar-nav in Bootstrap 3

Leave a Comment