Toggle in Navbar doesn't work right. Why?

Permalink
Question: Why do the links appear next to each other rather than below each other when in collapse mode?


***Original question resolved:
I have created a collapsible navbar with bootstrap, which works perfect when logged in, but as soon as I log out, the toggle button doesn't work. I hoped someone here had an idea as to what the issue may be.
*** faulty bootstrap.js

<div id="menu">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<?php
$a = new area('logo');
$a->display($c);
?>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav ml-auto my-2 my-lg-0">
<?php
$a = new area('Header Nav');
$a->setBlockLimit(1);
$a->display($c);
?>
</ul>
</div>
</nav></div>

1 Attachment

 
monikac replied on at Permalink Reply 1 Attachment
I fixed the original problem (toggle button wasn't working when logged out), there was a faulty jquery link.

However, as opposed to a normal dropdown, the links appear next to each other instead of below each other.

Can that be fixed?