Добавление Bootstrap 4 в проект приводит к свертыванию измерений, измеренных в em

#css #html #twitter-bootstrap #bootstrap-4

#css #HTML #twitter-bootstrap #bootstrap-4

Вопрос:

У меня странная проблема: когда я добавляю Bootstrap 4 в свой проект, ширина и высота этого элемента внезапно уменьшаются до 0:

введите описание изображения здесь

становится

введите описание изображения здесь

Ширина и высота этого элемента измеряются в em . Изменение их на px устранение проблемы; влияет ли Bootstrap на масштаб em как-то?

Если это имеет значение, этот элемент позиционируется абсолютно, а его непосредственный родительский элемент позиционируется относительно. transform: translate(...) К нему также применяется.

Что может быть причиной этого?

Как ни странно, взглянув на вкладку Вычисленные в инструментах разработчика Chrome, я обнаружил следующее:

скриншот

Комментарии:

1. когда появится bootstrap 5?

2. @NishargShah Упс неправильный номер

3. можете ли вы поделиться своим кодом?