I am trying to add a Modal with an iframe in it to an external site on my page. I added bootstrap since I am familiar with it using the following code:
<!-- Required meta tags --><metacharset="utf-8"><metaname="viewport"content="width=device-width, initial-scale=1, shrink-to-fit=no"><!-- Bootstrap CSS --><linkrel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"crossorigin="anonymous"></head><body><!-- Optional JavaScript --><!-- jQuery first, then Popper.js, then Bootstrap JS --><scriptsrc="https://code.jquery.com/jquery-3.2.1.slim.min.js"integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"crossorigin="anonymous"></script><scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"crossorigin="anonymous"></script><scriptsrc="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"crossorigin="anonymous"></script>
When I add this to the header of the page I am on (https://www.mbc95.org/welcomecenter) is causes the page to shrink the size of the container. The page should look like the main page of the site (https://www.mbc95.org/). Is there anything I can change to correct this?
Bootstrap causes issue with .container
in Customize with code
Posted
Site URL: https://www.mbc95.org/welcomecenter
I am trying to add a Modal with an iframe in it to an external site on my page. I added bootstrap since I am familiar with it using the following code:
When I add this to the header of the page I am on (https://www.mbc95.org/welcomecenter) is causes the page to shrink the size of the container. The page should look like the main page of the site (https://www.mbc95.org/). Is there anything I can change to correct this?
Thank you!