Bootstrap Extra padding внутри div - PullRequest
0 голосов
/ 22 марта 2019

Я реализую пользовательский скрипт (в Tampermonkey) для сайта, который я часто использую, и пытаюсь добавить div на страницу.Все хорошо, если я добавлю div в верхнюю часть страницы (к корневому элементу):

enter image description here

Но как только я добавлю его внутрьВ столбце начальной загрузки я получаю несколько раздражающих дополнительных отступов, как показано ниже:

weird padding

Я попытался поиграть со стилем с помощью Chrome Developer Tools и толькоЯ мог заставить отступ исчезнуть, удалив все элементы, встречающиеся в столбце before, а также установив элемент «: before» в родительской строке на «display: inline».Я думаю, что, вероятно, неправильно понимаю, как работает Bootstrap, и, возможно, есть простое решение, но я экспериментировал некоторое время и искал в Интернете, и я не нашел никого с подобной проблемой.Кто-нибудь имеет какие-либо идеи, что может быть причиной проблемы с заполнением, и как я могу это исправить?

Редактировать: версия Bootstrap, кажется, 3.3.2 (я не могу обновить еготак как это пользовательский скрипт) и HTML после вставки выглядит следующим образом (вставленный мной элемент "project-dropdown"):

enter image description here

CSS, примененный к элементу "project-dropdown", выглядит следующим образом:

enter image description here

1 Ответ

1 голос
/ 22 марта 2019

Элемент project-dropdown имеет родительский класс col-x-x, который вводит левый и правый отступы. Кроме того, указанный столбец помещается в класс row, в котором вводятся верхний и нижний отступы.

Из-за природы самого CSS эти свойства также будут «наследоваться» дочерними элементами. Чтобы удалить все отступы, переопределите значение по умолчанию для родительских классов col и row.

Ура!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...