Gutters are desirable white space between columns that makes for better legibility.
Questions tagged [gutter]
87 questions
32
votes
10 answers
Bootstrap 3 Gutter Size
I've only just started working with bootstrap and unsure about how to achieve my goal.
I would like the gutters to all be even, like they are in this image:
by default, they look like this, the vertical gutters in between columns (marked with blue)…

Billy
- 323
- 1
- 3
- 7
28
votes
3 answers
How to adjust gutter in Bootstrap 3 grid system?
The new Bootstrap 3 grid system is great. It's more powerful for responsive design at all screen sizes, and much easier for nested.
But I have one issue I could not figure out. How do I add precise gap between the columns? Say I have container…

Darren Li
- 381
- 1
- 3
- 6
19
votes
6 answers
In Bootstrap 4, how to change inner $grid-gutter-width depending to breakpoints?
I'm currently working on Bootstrap4 in SCSS.
I want to change the inner $grid-gutter-width on smartphone only.
According to _grid.scss
$grid-columns: 12 !default;
$grid-gutter-width: 30px !default;
On the bootstrap site, it is sait that :
Updated…

Zorkzyd
- 929
- 3
- 12
- 30
14
votes
1 answer
How to disable gutter "override" icons in IntelliJ?
There seems to be no way I can disable IntelliJ's "override" icons, which look like:
When I hover over the little icon, this text is displayed as a tool tip:
Implements method 'accept' in java.util.function.Consumer
Click or press Ctrl+U to…

Bohemian
- 412,405
- 93
- 575
- 722
14
votes
3 answers
Borders between columns of Bootstrap Grid not working
I'm creating a page in bootstrap where I'm using 4 cols inside a row. The code:
13
votes
2 answers
Enable code coverage indication in Android Studio Gutter
When I run my unit tests in the android studio with code coverage and select to see the source from the Coverage toolbar, I cannot see the code coverage information in the gutter(sidebar) of the editor as shown here. There is no information about…

hushed_voice
- 3,161
- 3
- 34
- 66
7
votes
3 answers
Masonry: remove gutter from last column
Been working with the new version of Masonry which seems to work much smoother, especially for the fluid/responsive build I am doing.
One issue I have encountered, however - I am not sure how to remove the gutter on the far right of the .masonry…

iamkeir
- 3,222
- 2
- 21
- 22
5
votes
3 answers
No CSS color preview icon in gutter in .css file in PyCharm
I am using PyCharm as my IDE for about 1 year, and in my PyCharm setting --> Editor --> Appearance, "Show CSS color preview icon in gutter" is checked.
But the preview icon only shows in a