Dropdown menu stop works after adding <iframe>

I just started to do this in my school so it might be an easy problem for you to solve, but I really can't solve the problem..

As I mentioned in the title my dropdown menu won't work as soon as I add my in the HTML-code. I'm using both Bootstrap v3.3.7 and jQuery.

My site is based on 4 different pages with same menu on all pages, works fine on every page until I load the on the "contact" page. It still works on the other pages but it just keep fcking me on the contact page. The menu buttons works fine except the dropdown menu. I've been googling my as of but can't find anyone else having the same problem as I do.

<div class="col-sm-4 embed-responsive embed-responsive-16by9">
        <iframe class="embed-responsive-item" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2253.683780894409!2d12.997266315596681!3d55.60751691065581!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4653a3fea73c1cf9%3A0xdad860477b9bf38e!2sHamngatan+1%2C+211+22+Malm%C3%B6!5e0!3m2!1ssv!2sse!4v1507127485869"</iframe>
      </div>

With very much regards I hope someone's able to help me out. Have a great day. /Niclas