how to make google map embed iframe responsive with bootstrap

I tried to embed a google map onto my page but with the default code provided by google, the map has a fixed width which does not change when you resize the window or view it on mobile. This makes it very difficult to view on mobile as you will have to zoom in and out a lot with your fingers. So I found a way to fix it with bootstrap - making the map change its width according to window size. It also will look nicely on your phone. Check it out.

---

Posted from my blog with SteemPress : http://magicmonktutorials.com/blog/2019/11/11/how-to-make-google-map-embed-iframe-responsive-with-bootstrap/

Mathematics & Digital Technologies Education
Videos, quizzes, and other learning resources
Eddie the Magic Monk has 14 years teaching experience as a high school teacher in Australia. He will explain things to you in the simplest way possible to help you fully understand high school mathematics and computer science concepts.
Eddie began his tutorial channel on Youtube in 2012. His videos have been well received all over the world and now has 20+ million views! He sees the benefit in multidisciplinary learning hence his tutorials cover topics ranging from maths to dance.

---