Javascript 带openlayers映射的内容的引导列高度100

我正在为我的应用程序使用引导设计功能。我有一张openlayers地图在我的主要选区

<div class="container">
  <div class="row">
    <div class="well">
      Header
    </div>
  </div>
  <div class="row">
    <div class="col-sm-4">
      <div class="well">
        <h2>
            Sidebar
        </h2>
        <ul>
          <li>menu item 1</li>
          <li>menu item 2</li>
        </ul>
      </div>
    </div>
    <div class="col-sm-8 fill">
      <div class="map" id="map"> </div>
    </div>
  </div>
</div>

我想设置地图高度以填充页面的列（

）。

---

但它并没有填满100%。

既然我理解了你的问题，我就只做一个类。在我的css中填充。并将高度设置为100%

.地图{

身高：100%

}

如本文所述，您需要使地图固定位置或动态设置高度

您也可以使用100vh

.map {height:100vh; width: 100%;}

.map {height:100vh; width: 100%;}