SHARE
TWEET

map

a guest Feb 17th, 2017 77 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div id="map-canvas"></div>
  2.  <div class="container-fluid" id="main">
  3.  <div class="row ">
  4.  <!-- <div class="col-md-<?php devdmbootstrap3_main_content_width(); ?> dmbs-main"> -->
  5.  
  6.  <div class="col-xs-4 pre-scrollable" id="left">
  7.  
  8.  <h3>Bootstrap Google Maps Demo</h3>
  9.  
  10.  <!-- item list -->
  11.  <div class="panel panel-default">
  12.  <div class="panel-heading"><a href="">Item heading</a></div>
  13.  </div>
  14.  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate.
  15.  Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero. Aenean sit amet felis
  16.  dolor, in sagittis nisi. Sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan.
  17.  Aliquam in felis sit amet augue.</p>
  18.  
  19.  <hr>
  20.  
  21.  <div class="panel panel-default">
  22.  <div class="panel-heading"><a href="">Item heading</a></div>
  23.  </div>
  24.  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate.
  25.  Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero. Aenean sit amet felis
  26.  dolor, in sagittis nisi. Sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan.
  27.  Aliquam in felis sit amet augue.</p>
  28.  
  29.  <hr>
  30.  
  31.  <div class="panel panel-default">
  32.  <div class="panel-heading"><a href="">Item heading</a></div>
  33.  </div>
  34.  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate.
  35.  Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero. Aenean sit amet felis
  36.  dolor, in sagittis nisi. Sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan.
  37.  Aliquam in felis sit amet augue.</p>
  38.  
  39.  <hr>
  40.  
  41.  <div class="panel panel-default">
  42.  <div class="panel-heading"><a href="">Item heading</a></div>
  43.  </div>
  44.  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate.
  45.  Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero. Aenean sit amet felis
  46.  dolor, in sagittis nisi. Sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan.
  47.  Aliquam in felis sit amet augue.</p>
  48.  
  49.  <hr>
  50.  <!-- /item list -->
  51.  
  52.  </div>
  53.  
  54.  <div class="col-xs-8"><!--map-canvas will be postioned here--></div>
  55.  
  56.  
  57.  </div>
  58.  <?php get_footer(); ?>
  59.  
  60. <style>
  61. #main, #main>.row {
  62.  height:100%;
  63. }
  64.  
  65. #main>.row {
  66.  overflow-y:scroll;
  67. }
  68.  
  69. #left {
  70.  margin-top: 50px;
  71.  height:100%;
  72. }
  73.  
  74. #map-canvas {
  75.  width:66.6666%;
  76.  height:calc(100% - 0);
  77.  position:absolute;
  78.  right:0px;
  79.  top:50px;
  80.  bottom:0;
  81.  overflow:hidden;
  82. }
  83. </style>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top