One button dropdown menu instead of a navigation bar

One button dropdown menu instead of a navigation bar
0

#1

Hi Everyone!,
I have been working in my portfolio challenge. however, i have been unable to figure out how to create a one-button dropdown menu i can fix on the right part of the page with access to parts of the page. any ideas? thanks!

  • Hanif

#2

If you are using Bootstrap, you can use their dropdown component:

http://getbootstrap.com/components/#dropdowns


#3

Thanks! I will get right to it :grin:


#4

@JacksonBates is spot on with that suggestion. All you have to do is go to their site and browse around, it will show you what all you need to link to in order to create the functionality of a drop down menu within bootstrap.


#5

@michaelhenderson many thanks for that suggestion. the only problem i encountered was the dropdown menu wasnt working on codepen. so i opted for navigation bars. i couldnt get any help from gitter. perhaps, i will give it another shot much later. thanks again


#6

Did you include the bootstrap.js file on codepen?

Also, I really like this bootstrap cheatsheet. It’s for bootstrap 4 so some of the functionality won’t work for bootstrap 3, but most of it is the same.


#7

through the settings? yeah. i followed Quincy"s instruction to include the bootstrap link in order to use it. the only thing that wouldnt work when tested was the dropdowns and i dont know why!


#8

Share your codepen link and we can check.

Did you include the bootstrap JS file, and the jquery above it?


#9

here it is. http://codepen.io/omeizahanif/pen/Nbroxd


#10

i didnt include the jquery though. im a little confused. perhaps, you can explain further. im sure its a rookie mistake (im a rookie :sweat_smile:


#11

i get your drift now. i completely forgot to add the jquery file


#12

No problem friend, that’s why I am here :slight_smile: