Questions tagged [gutter]

Gutters are desirable white space between columns that makes for better legibility.

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:
Mauro Barrionuevo
  • 155
  • 1
  • 1
  • 8
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