Я разрабатываю карту webGIS с Openlayers 6. Она содержит много виджетов и модулей, которые я пишу сам. все было хорошо, пока я не добавил Bootstrap 4 в свой проект.
После добавления Bootstrap 4 (это нормально с Bootstrap 3!) представление больше не отображается (просто пустой div). во-первых, я подумал, что может быть какая-то ошибка, но я проверил консоль браузера, никаких ошибок!
Это пакеты, которые я добавил:
Bootstrap 4.0.0
jQuery 3.4.1
Openlayers 6.0.1 css and js
Все отлично работает перед добавлением одной из этих строк:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
Я продолжаю пробовать разные вещи, но ничего не нашел. В конце я добавляю прослушиватель событий для просмотра изменений. Я прокрутил мышь в карте-div. Я видел логи в консоли браузера! Так что это проблема с отображением не основного кода.
Вот мой CSS для div, связанных с картой:
html,
body,
#map {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
z-index: 0;
overflow: hidden;
position: relative;
}
Я пытался изменить / удалить эти CSS, но ничего не происходит,Я также попытался изменить z-индексы, но ничего. Проект еще не подключен к сети, поэтому я не могу дать какую-либо ссылку.
У меня действительно возникают проблемы с этим, и я буду признателен за любую идею или решение, кроме перехода на bootstrap 3:))
С уважением, М. Махмудян