Solved: Bootstrap 3.0.0 responsive navbar toggle not expanding/collapsing

I have recently downloaded bootstrap and needed to use a fixed responsive navbar at the top. When the window was small, the navbar was responding successfully as in only the logo and the toggle bar were showing rather than all the menu items. However, when clicking the toggle button, the menu items should have expanded down but instead nothing was happening.

I researched the issue on Google (as usual) but could not find a solution. Then I realised the Bootstrap needed jquery which I was infact using. However, I was not using the latest version. Therefore, I downloaded the latest version and tried it out. This seemed to have fixed my issue.

Hope it was of any help for some of you out there 😉