Bootstrap 4 list-group-item перекрывающиеся границы

У меня есть list-group с 10 элементами в нем. Второй и второй по последний пункт всегда имеют более толстую нижнюю границу, чем остальные, независимо от того, какие данные внутри них. Я считаю, что это вызвано margin-bottom: -1px, которое использует bootstrap по умолчанию, не работает должным образом.Bootstrap 4 list-group-item перекрывающиеся границы

Вы можете увидеть здесь со следующим JSFiddle: https://jsfiddle.net/4gdcgf4t/

Я не я использую никаких дополнительных CSS, кроме начальной загрузки CDN. Почему это могло произойти?

источник

2016-12-28 Blake Thomson

Какой браузер вы используете? Он выглядит правильно в Chrome и IE 11 – CodeLikeBeaker

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

Это неверно в любом браузере, который я тестировал с помощью: (Chrome, FF, IE, Edge).

Предлагаю вам нажать Ctrl + 0 и сбросить уровень масштабирования.

источник

2016-12-28 15:04:52

Похоже, что это происходит при 90% -ном увеличении (для его конкретной проблемы) – CodeLikeBeaker

Я был на 90% увеличенном, переключение на 100% -ное масштабирование устраняет проблему. Есть ли причина, по которой это повлияет только на некоторые из элементов «list-group-item»? –

@JasonHeine: Я не знал, должен ли я опубликовать его в качестве ответа или попытаться вставить его в комментарий. Я понял, что это может быть полезно другим, а не только OP, поэтому решил пойти на ответ. –

Bootstrap 4 list-group-item перекрывающиеся границы

ответ

Смежные вопросы