After changing from bootstrap 4.0 to 3.3.7 there is some problem in menu.https://codepen.io/aravindh1985/pen/OgVWro
theres bs 4 linked to your pen right now , check introduction https://v4-alpha.getbootstrap.com/getting-started/introduction/ to see how to get ur pen ready and navbar docs for bs4 https://v4-alpha.getbootstrap.com/components/navbar/
https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css
I had to replace the bootstrap link with this one in codepen. It seems to work for me now
When you do decide to use bootstrap in codepen there are some settings
you will have to make in codepen. Click on the settings button in the top portion of the codepen window.
- Click on HTML and copy and paste the following in the panel that says “Head Stuff”
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">.
Click on CSS and in the panel near the bottom where you add external resources paste this in.
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css
Click on Javascript and again in the panel near the bottom paste in this:
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js
Also in the javascript settings add the jquery by pasting this in the panel.
“https://code.jquery.com/jquery-3.2.1.min.js”
After making these settings changes your nav menu works correctly.
1 Like