Problem with navbar dropdown in codepen

I cant get my dropdown menu to work in codepen for my portfolio page

It works fine with included <head> section when opening in a browser

Heres a link to the page: http://codepen.io/ParanOid89/pen/dXRLJO

the code i need to add is:

<head>
  <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

  
</head>

Ive tried adding it manually in the codepen settings but i cant get it to work does anyone know what im doing wrong?

In your codepen settings you only add one of the two javascript files that you included in the head section…

Pen Settings:

  • javascript
    -Add External JavaScript:
  • quick add:
    JQUERY
    BOOTSTRAP

``http://codepen.io/erretres/pen/PzEmxQ

Thank you didnt realise i had to add bootstrap from the javascript page aswell

1 Like

@Diego_Perez many thanks for this answer, i`ve been searching for a solution the whole day :slight_smile: