How to add Google Map to Bootstrap 3 Contact Page

Do you want to know all the ins and out of adding a Google map to Bootstrap Contact Page. If you said yes, then you aren’t alone. However, don’t worry…Theo at tutsme-webdesign.ifo have you covered with a very well written and comprehensive tutorial on just this subject.

This bootstrap tutorial contain the following how-to sections:

  • Google Map Basics
  • Adding Containers for the Google Map
  • Setting a Height for the Map
  • Loading the Google Map API
  • Script for a Basic Map
    • Location
    • Map Options
    • The Marker
    • Create a New Map
    • Loading the Map
  • Inserting Google Map into a Bootstrap Contact Page
  • Script to Receive Input from the Contact Form

To take the Add A Google Map To a Bootstrap 3 Contact Page tutorial head over to