Стили bootstrap. Как убрать отступ?

Question

[smiros]

Приветствую

Подскажите как поступить:
Начал верстать на bootstrap. Основная секция состоит из главной колонки (3/4) и боковой (1/4). При этом на мокапе у каждой свой бэкграунд (отличный от body) и отступа (padding) между ними нет(((. А в бутстраповских col-md-9 и col-md-3 по умолчанию padding-left: 15px, padding-right: 15px. Теперь сижу, рву волосы - зачем взял bootstrap.

Answer 1

[iBird Rose]

ну тк добавь классы для row и col типа "myrow" и "mycol" и для них напиши стили:

.myrow {margin-left: 0; margin-right: 0;}
.mycol {padding-left: 0; padding-right:0;}

а если вообще со всех хочешь убрать то getbootstrap.com/customize/#grid-system пункт @grid-gutter-width

Comments

[smiros]

Это нормальная практика - лезть в код библиотеки?

[iBird Rose]

smiros: да. во всяком случае для col'ов ничего не сломаешь этим

Answer 2

[Олег]

Так переназначь стили в style.css

.col-md-9, .col-md-3{
padding:0;
}

Answer 3

[Вадим Ягофаров]

просто можно добавить класс p-0 m-0. Например для col когда мне надо делаю вот так col-lg-3 p-0

Answer 4

[Андрей П.]

pl-0, ml-0 слева и pr-0, mr-0 справа соответственно и как в ответе ранее p-0, m-0 с обеих сторон

Answer 5

[Kraimon]

.row > * {
padding: 0;
margin: 0;
}
.row {
padding: 0;
margin: 0;
}