Bootstrap navbar - collapsing but no list when clicked

Bootstrap navbar - collapsing but no list when clicked
0

#1

After much research, I’m still not seeing why the code below isn’t allowing the list to appear when I click.

Would be grateful for some guidance!

http://codepen.io/jcc0161/pen/YWNgaV


#2

Add jQuery and Bootstrap js files in the Settings


#3

I have bootstrap and jQuery added in settings via “quick-add”. Still no dice :pensive:

Also tried adding a link in the head and still got the same result.


#4

bootstrap has to go after the jquery


#5

Worked…thanks! :slight_smile:


#6

Frustrating to say the least. Worked last night but now it is not. Navbar is still collapsing but does not drop down when clicked. I have the following loaded up in codepen…

External CSS via “Pen Settings”:
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js

External JS via “Pen Settings”:
https://code.jquery.com/jquery-2.2.4.min.js
https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js


#7

bootstrap.min.js should be loaded in the JS Pen settings, not the CSS one.


#8

I see…thanks for the tip.


#9

Hi there,

I added following external links to pen. Although toggle property has worked the collapsed property did not work so I can not create collapse bootstrap navbar. Your help required. Thanks too much.

https://code.jquery.com/jquery-2.2.4.min.js
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js