Класс Bulma "is-marginless" не удаляет "margin-right" для компонента контейнера - PullRequest
0 голосов
/ 20 мая 2019

Я пытаюсь создать тему WordPress с помощью Bulma.io; Мне нужна страница с вкладками и содержимым внутри элемента container div. Когда я применяю класс Bulma CSS is-marginless, три поля перезаписываются, но margin-right из класса не применяется. Добавление style="margin-right: 0px !important;" также не влияет на визуальные эффекты.

Для переключения между вкладками я использую код из Интернет , который работает без проблем, кроме margin-right.

Учитывая, что дизайн уже довольно сложный, вы можете увидеть страницу для себя .

Border on the right does not fit the tabs

Как видите, из-за правого поля элемента div граница не совпадает с границей строк табуляции. Я совершенно новичок в Bulma и CSS в целом.

Когда я открываю Chrome Developer Tools и нахожу определение is-marginless для данного div, я вижу, что margin: 0px !important; установлено, но когда я нажимаю стрелку раскрытия, я вижу, что margin-right: 0px !important; вычеркнуто, поэтому по какой-то причине не применяется, но я не могу понять, почему.

1 Ответ

0 голосов
/ 20 мая 2019

Я добавил is-fullhd в класс, и это исправило проблему, блокирующий фрагмент кода был max-width: 1152px; в классе контейнера добавленный класс увеличил его до max-width: 1344px;

...