Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Bootstrap Basics Using Bootstrap Components Inline Navs and Dropdown Buttons

Posted by Daniel Jordan Neal
Daniel Jordan Neal
11,767 Points

Footer button dropdown not working correctly. Had to replace scripts just above closing body tag.

Hopefully this will help someone else out when watching this video. The dropdown button was not working correctly for me and my code matched exactly to what is shown in the video. In order to get the dropdown to work I had to replace the jQuery, Popper.js, and Bootstrap scripts with the latest versions referenced in the Bootstrap "Getting started" documentation: [https://getbootstrap.com/docs/4.0/getting-started/introduction/].

Gabriel Price
Gabriel Price
5,473 Points

Thank you sir!

Fabian Forsström
Fabian Forsström
7,978 Points
Fabian Forsström
Fabian Forsström
7,978 Points

Thank you very much for this! I was also stuck and now it all works as a charm! Cheers bud!

Mamadou Tall
Mamadou Tall
3,450 Points
Mamadou Tall
Mamadou Tall
3,450 Points

Thanks i had this problem .

3 Answers

Andrew Stewart
Andrew Stewart
7,999 Points
Andrew Stewart
Andrew Stewart
7,999 Points

I had the same problem. You can find the explanation in the Bootstrap docs. Dropdowns/Menu Items:

"Historically dropdown menu contents had to be links, but that’s no longer the case with v4. Now you can optionally use <button> elements in your dropdowns instead of just <a>s."

In other words, your split button no longer needs to sit inside a <a></a>.

Kevin Gates
Kevin Gates
15,052 Points
Kevin Gates
Kevin Gates
15,052 Points

It worked for me and I used the standard code. But yeah, more power to you for using the latest versions of Bootstrap.

Mark Harrigan
Mark Harrigan
7,686 Points
Mark Harrigan
Mark Harrigan
7,686 Points

Admittedly I'm late to this, but was curious by what you meant by 'not working'? The footer nav bar seem to work well enough, however mine is right justified as opposed to left justified as in the video?