Как сделать правильно отступ в Bootstrap3?

Question

[Old Odessa]

Подскажите пожалуйста как правильно реализовать отступы между col-3 и col-9 и между верхним и нижним row. Как это сделать средствами bootstrap, что бы они были одинакового размера и адаптивно. Делал через offset-md-1 но он вышел очень большим. Спасибо

Answer 1

[sympler]

1. вариант первый.
вместо 12 колонок сделать 24. тогда отступ offset-md-1 - будет в 2 раза меньше.
2. вариант второй.
перекомпились бутстрап, чтобы у колонок был больше padding вместо текущих 5px

3. вариант третий. не бутстраповскими средствами.
внутри данных столбцов вставить DIV и ему задать margin или padding
я обычно третий вариант использую.

Comments

[Old Odessa]

спасибо! только вот как это сделать с расстоянием между row? Также выставить div c заданным нижним отступом. И вообще я так понимаю между row не выставить промежуток типа offset средствами bootstrap?

[Old Odessa]

1. сделать 24 - это средствами SASS?
2. Как перекомпилить бутстап?

[Old Odessa]

Я попробовал ваш 3 метод, но в таком случае сетка сыпется при col-3 col-9 и div'e между ними с padding 20px.

[sympler]

Рофал Лафор:col-9 и col-3 должны быть внутри одного row

Стобы не зайти в тупик выложите весть код и скрин как надо сделать или jsfiddle.net

[sympler]

Рофал Лафор: Рофал Лафор:

Можно сасс модно лесс
Можно тут
https://getbootstrap.com/customize/