Как убрать bootstrap'овский margin?

562
04 января 2017, 01:22

После добавления класса "row" объекты попадают в нужную мне строку но приобретают ненужное мне свойство.

Answer 1
  1. Бутстрап предполагает, что блок с классом .row находится внутри блока с классом .container или .container-fluid:

    Rows must be placed within a .container (fixed-width) or .container-fluid (full-width) for proper alignment and padding.

    Раз уж используете Бутстрап, правильнее будет не перекрывать свойства .row, а завернуть код в недостающий контейнер.

  2. Не надо присваивать тэгу <header> класс .row. Они из разных опер. <header> про структуру разметки, а .row - про строку в сетке Бутстрапа.

Answer 2

А в чем проблема? В CSS

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

Или обертываете нужный row в блок и...:

.wrap .row{margin:0;padding:0;}

Если вдруг не работает (bootstrap подключается ниже вашего CSS (по каскадной таблице), задавайте margin принудительно, например:

.row{margin:0 !important; padding:0 !important;}
READ ALSO
Как убрать отступы между кнопками?

Как убрать отступы между кнопками?

Подскажите, как убрать отступы между кнопкамиЭти отступы нигде не фиксируются

444
Автоперенос строк

Автоперенос строк

Скачал скрипт jodit editor (http://xdsoftnet/jodit/)

461
Некорректная работа bootstrap

Некорректная работа bootstrap

Подскажите, почему некоторые классы bootstrap отображают элементы не так как надо?

357
Деление блока MDL

Деление блока MDL

Изначально было так:

499