My Bootstrap menu not working

can anyone help in whats happened wrong in my coding for bootstrap menu.

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.

  1. 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.