Bootstrap 4 在openlayers中添加引导4后显示视图问题

我正在用Openlayers 6开发一个webGIS地图。它包含许多我自己编写的小部件和模块。在我将Bootstrap 4添加到我的项目之前，一切都很好。

添加Bootstrap4后（使用Bootstrap3也可以！）视图不再显示（只是一个空白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">

我试图更改/删除这些css，但什么也没发生。我也尝试过改变z索引，但什么都没有。该项目尚未上线，因此我无法提供任何链接

我真的遇到了麻烦，除了切换到bootstrap 3:）之外，我将非常感谢任何想法或解决方案

问候,，

---

M.Mahmoodian

看起来您想要创建一个全屏地图。实现这一目标的最小css是以下css：

  html, body, #map {
    width: 100%;
    height: 100%;
    margin: 0;
  }

使用定义如下的贴图容器：

<div id="map"></map>

另一件重要的事情是，你需要在OpenLayers和你的应用程序的css之前加载引导css。作为参考，这是一个包含引导4 css的全屏映射的最小工作示例：

<div id="map"></map>