Dato questo codice di menu da un modello boostrap, voglio che ogni voce di menu sia impilata e occupi l'intera larghezza quando la dimensione dello schermo viene rilevata come piccola. Essenzialmente, funzionalità identiche a quando si preme il pulsante del menu "tripla barra", tranne che l'utente non deve premerlo manualmente.Forza barra di spostamento statica bootstrap espandibile su piccolo schermo
Grazie in anticipo.
<!-- Static navbar -->
<div class="navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Project name</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
Accertarsi di aver Bootstrap JS è incluso nella pagina. –
Bingo, funziona perfettamente! –