title: How to do OpenLayers map height 100% on bootstrap
body: <p>I want to 100% of the height.</p>
  
  <pre><code>    &lt;div class="container-fluid"&gt;
          &lt;div class="row"&gt;
              &lt;div id="map" 
                style="width: 100%; height: 300px; border: 1px solid #ccc;"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>working code is <a href="http://jsfiddle.net/barteloma/mq64pksd/" rel="noreferrer">here</a>. The pixel size is worjking for height but persentage(%) size is not working.</p>