Bootstrap 4 модальное тело bg-color раздражает ошибка с шириной - PullRequest
0 голосов
/ 03 июля 2019

Моя проблема в том, что когда я применяю цвет фона к модальному телу в модале Bootstrap, модальное тело не окрашивается на 100%.

Примерно 0,2 пикселя остается белым, как показано ниже.

(посмотрите на правую сторону модального тела)

Как это выглядит:
enter image description here

Как и должно быть:
enter image description here

Мне удалось это исправить, добавив style="width: calc(100% + 0.2px);"

Итак, я хочу спросить, почему это происходит?И если есть лучший способ -perma- исправить эту ошибку.

Может быть, это связано с какой-то странной box-sizing настройкой начальной загрузки?У меня действительно нет никакой подсказки.

Нажмите здесь для codepen.

PS
Если белая линия не отображается на вашем экране, попробуйтеизмените размер правой границы вашего браузера при просмотре кода.

РЕДАКТИРОВАТЬ:
Я использую Chrome, в Windows 10 и только Bootstrap и jQuery (последние версии).

EDIT2:
Демонстрация ошибки с помощью Gyazo GIF:
https://gyazo.com/113cd5a38abdea52ba338039d25e5bff

1 Ответ

1 голос
/ 03 июля 2019

Итак, я нашел правильный способ исправить это, по-видимому, это происходило, потому что модальный контент по умолчанию имеет границу.

Просто добавьте border-0 класс к modal-content, и все должно быть в порядке.

Нажмите для фиксированной кодовой ручки.

...