map

<div id="map-canvas"></div>
 <div class="container-fluid" id="main">
 <div class="row ">
 <!-- <div class="col-md-<?php devdmbootstrap3_main_content_width(); ?> dmbs-main"> -->

 <div class="col-xs-4 pre-scrollable" id="left">

 <h3>Bootstrap Google Maps Demo</h3>

 <!-- item list -->
 <div class="panel panel-default">
 <div class="panel-heading"><a href="">Item heading</a></div>
 </div>
 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate.
 Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero. Aenean sit amet felis
 dolor, in sagittis nisi. Sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan.
 Aliquam in felis sit amet augue.</p>

 <hr>

 <div class="panel panel-default">
 <div class="panel-heading"><a href="">Item heading</a></div>
 </div>
 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate.
 Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero. Aenean sit amet felis
 dolor, in sagittis nisi. Sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan.
 Aliquam in felis sit amet augue.</p>

 <hr>

 <div class="panel panel-default">
 <div class="panel-heading"><a href="">Item heading</a></div>
 </div>
 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate.
 Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero. Aenean sit amet felis
 dolor, in sagittis nisi. Sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan.
 Aliquam in felis sit amet augue.</p>

 <hr>

 <div class="panel panel-default">
 <div class="panel-heading"><a href="">Item heading</a></div>
 </div>
 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate.
 Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero. Aenean sit amet felis
 dolor, in sagittis nisi. Sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan.
 Aliquam in felis sit amet augue.</p>

 <hr>
 <!-- /item list -->

 </div>

 <div class="col-xs-8"><!--map-canvas will be postioned here--></div>


 </div>
 <?php get_footer(); ?>

<style>
#main, #main>.row {
 height:100%;
}

#main>.row {
 overflow-y:scroll;
}

#left {
 margin-top: 50px;
 height:100%;
}

#map-canvas {
 width:66.6666%;
 height:calc(100% - 0);
 position:absolute;
 right:0px;
 top:50px;
 bottom:0;
 overflow:hidden;
}
</style>