Skip to main content

Google Map

Bootnews allows you to use the potential of Google Maps in responsive view and simple way.

How to use?

Copy the following maps html code and paste in your html files

Example 1

            
              <!--maps-->
              <div class="card mb-5">
                <div class="card-body responsive-maps">
                  <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2788.8506197724987!2d-110.573470284921!3d45.65382152879238!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x53457b79809bc78f%3A0x76ab8a336f7b753d!2sW+Park+St%2C+Montana+59047%2C+USA!5e0!3m2!1sen!2sid!4v1547159772268" width="400" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>
                </div>
              </div>
              <!--end maps-->

Just add .responsive-maps before embled maps code and paste your maps embed code after this class

Example 2

            
              <!--maps-->
              <div class="card mb-5">
                <div class="card-body responsive-maps">
                  <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2385.7745536335046!2d-110.573470284921!3d45.65382152879238!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x53457b79809bc78f%3A0x76ab8a336f7b753d!2sW+Park+St%2C+Montana+59047%2C+USA!5e1!3m2!1sen!2sid!4v1547159582261" width="400" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>
                </div>
              </div>
              <!-- end maps -->

Just add .responsive-maps before embled maps code and paste your maps embed code after this class