Updated collapse of menus

This commit is contained in:
maximstewart 2021-02-05 20:51:11 -06:00
parent 97562394ce
commit 052967aef1
2 changed files with 130 additions and 115 deletions

View File

@ -1,4 +1,11 @@
<nav class="navbar navbar-expand-lg bg-dark navbar-dark justify-content-center text-center fixed-bottom"> <nav class="navbar navbar-expand-lg bg-dark navbar-dark justify-content-center text-center fixed-bottom">
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarTogglerFooter" aria-controls="navbarTogglerFooter"
aria-expanded="false" aria-label="Toggle Footer Navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div id="navbarTogglerFooter" class="row collapse navbar-collapse">
<div class="col col-lg-auto"> <div class="col col-lg-auto">
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">
@ -26,4 +33,5 @@
</li> </li>
</ul> </ul>
</div> </div>
</div>
</nav> </nav>

View File

@ -1,4 +1,11 @@
<nav class="navbar navbar-expand-lg bg-dark navbar-dark sticky-top"> <nav class="navbar navbar-expand-lg bg-dark navbar-dark sticky-top justify-content-center text-center">
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarTogglerHeader" aria-controls="navbarTogglerHeader"
aria-expanded="false" aria-label="Toggle Header Navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div id="navbarTogglerHeader" class="row collapse navbar-collapse">
<div class="col-sm"> <div class="col-sm">
<!-- Branding --> <!-- Branding -->
<div class="navbar-brand justify-content-center text-center"> <div class="navbar-brand justify-content-center text-center">
@ -92,5 +99,5 @@
{% endif %} {% endif %}
</ul> </ul>
</div> </div>
</div>
</nav> </nav>