changing padding between columns in bootstrap 4 ( by a variable if possible)

Question

I want to change the padding (left/right) on columns in Bootstrap 4.

e.g.

col-md-4 ( seems to be 15px padding left and right ), I'd like to make this smaller say 10px

I've looked in _variables.scss but can't see anything, that looks like it might do it.

Answer 1

You can find it in the file 'scss/_variables.scss' on line 205.

$grid-gutter-width: 30px !default;

You can change '30px' to your desired value or variable.