Bootstrap 3 - Change gutters size

/* Change Bootstrap gutters size if needed. Just add div with .gutters-0 / .gutters-xs / .gutters-sm before .row. Modify margins/paddings for your needs. */ .gutters-0 > .row, .form-horizontal .gutters-0 > .form-group { margin-left: 0; margin-right: 0; } .gutters-0 > .row >[class*="col-"], .form-horizontal .gutters-0 > .form-group >[class*="col-"] { padding-left: 0; padding-right: 0; } .gutters-xs > .row, .form-horizontal .gutters-xs > .form-group { margin-left: -5px; margin-right: -5px; } .gutters-xs > .row >[class*="col-"], .form-horizontal .gutters-xs > .form-group >[class*="col-"] { padding-left: 5px; padding-right: 5px; } .gutters-sm > .row, .form-horizontal .gutters-sm > .form-group { margin-left: -10px; margin-right: -10px; } .gutters-sm > .row >[class*="col-"], .form-horizontal .gutters-sm > .form-group >[class*="col-"] { padding-left: 10px; padding-right: 10px; }
Change Bootstrap gutters size if needed. Just add div with .gutters-0 / .gutters-xs / .gutters-sm before .row. Modify margins/paddings for your needs.

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.