Bootstrap 4 responsive navbar collapsible button | Sololearn: Learn to code for FREE!


Bootstrap 4 responsive navbar collapsible button

I'm trying to code a navbar using bootstrap 4, that will show a collapsible button in xs screen sizes and below. I achieved this, however when the button is clicked, the nav links push the button and brand name down, and appear above them, within the navbar. I want them to appear below the navbar. Can anybody help me with this? I know the code posted here won't work without the bootstrap plugins, however I thought it might be helpful anyway. Thanks!!

2/20/2018 8:42:59 AM

Dominik Billam

3 Answers

New Answer


Right now the button is not responsive for me on my iPhone or my PC (reducing the width of the browser so it shows the burger menu button). Although I can't help solve your original problem, I wanted to suggest using CDNs for libraries you import when sharing code at SL so that people can actually run it. The CDN for Bootstrap is:


@kevin thanks. I received some help for this via stack overflow in the end, but I didn't know how to work the CDN, so thanks for your help!


Hiii guys is there boostrap4 in the solo learn and Angular also