(Bootstrap 4.1.3) Я пытаюсь настроить карту.Итак, сначала я ставлю border-danger
<div class="row">
<div class="col">
<div class="card border-danger">
<div class="card-header border-danger">
Label
</div>
<div class="card-body">
Text <br/>
Text
</div>
</div>
</div>
</div>
и получаю следующее:
![Border only](https://i.stack.imgur.com/w51je.png)
Пока все хорошо.Затем я попытался бы изменить фон заголовка, используя тот же код, но с:
...
<div class="card-header border-danger bg-white">
...
И поэтому граница на верхней стороне карты ухудшается (она становится тоньше): ![enter image description here](https://i.stack.imgur.com/Cg6e9.png)
Любая комбинация границ и bg-some_color на карте, заголовке карты, теле карты и т. Д. Вызывает такие проблемы с границами (не только сверху, но также по бокам или снизу).
Может кто-нибудь решить эту проблему или дать подсказку, как этого избежать?
Заранее большое спасибо!
--- Редактировать --------------------------------------------
Я сделал новую попытку с приветшаблон мира с сайта начальной загрузки 4 (cdn ссылается на 4.0.0, а не 4.1.3) В FF Developer 64.0b2 (64-разрядная версия) он выглядит идеально.
В Crhome версии 70.0.3538.67 (Официальная сборка) (64)-бит) Я получаю: ![enter image description here](https://i.stack.imgur.com/2zJtR.png)
Затем я вставил код в codeply.И в FF, и в Chrome результаты в порядке.FF показывает действительно тонкие границы на 1 px, тогда как Crhome отображает более толстые границы (но в любом случае однородные).Все еще на моей локальной машине я получаю проблему ...