To align navbar to right side, you’ve to make only two changes.
they are: in navbar-nav class add w-100 as navbar-nav w-100 to make width as 100.
in nav-item dropdown class add ml-auto as nav-item dropdown ml-auto to make margin left as auto..
Why data toggle is not working?
The reason that your navbar toggle button isn’t working is that you’ve missed 3 things. You need to change data-toggle=”dropdown” to data-toggle=”collapse” . You need to change data-target=”navHeaderCollapse” to data-target=”#navHeaderCollapse” .
How do I hide collapsible bootstrap 4 navbar on click?
The . collapse class indicates a collapsible element (a
in our example); this is the content that will be shown or hidden with a click of a button. To control (show/hide) the collapsible content, add the data-toggle=”collapse” attribute to an or a