Comment faire un menu responsive dans bootstrap sans l'option de réduction?

Question

Je veux faire un menu réactif bootstrap sans l'option de réduction. Donc, dans le côté sensible, le menu apparaîtra comme il s'est effondré, donc sans cliquer sur le menu-bascule. Voici le menu!

<section id="menuja2"><!-- Menuja 2--> 
<nav class="navbar navbar-default menu2"> 
<div class="container"> 
<!-- Brand and toggle get grouped for better mobile display --> 
<div class="navbar-header"> 
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#menu2" aria-expanded="false"> 
    <span class="sr-only">Toggle navigation</span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    </button> 
</div> 

<!-- Collect the nav links, forms, and other content for toggling --> 
<div class="collapse navbar-collapse" id="menu2"> 
    <ul class="nav navbar-nav navbar-left"> 
    <li><a href="#">Roses</a></li> 
    <li><a href="#">Lavendar</a></li> 
    <li><a href="#">Carnations</a></li> 
    <li><a href="#">Daises</a></li> 
    <li><a href="#">Peonies</a></li> 
    <li><a href="#">Irises</a></li> 
    <li><a href="#">Baksets</a></li> 
    <li><a href="#">Gifts</a></li> 
    <li><a href="#">Arrangements</a></li> 
    <li><a href="#">Sunflowers</a></li> 
    </ul> 
</div><!-- /.navbar-collapse --> 
</div><!-- /.container --> 
</nav> 

</section><!-- Fund Menuja 2 --> 

Answer 1

ajouter simplement la classe in-<div class="collapse navbar-collapse" id="menu2">:

<div class="collapse navbar-collapse in" id="menu2"> 
    <ul class="nav navbar-nav navbar-left"> 
    <li><a href="#">Roses</a></li> 
    <li><a href="#">Lavendar</a></li> 
    <li><a href="#">Carnations</a></li> 
    <li><a href="#">Daises</a></li> 
    <li><a href="#">Peonies</a></li> 
    <li><a href="#">Irises</a></li> 
    <li><a href="#">Baksets</a></li> 
    <li><a href="#">Gifts</a></li> 
    <li><a href="#">Arrangements</a></li> 
    <li><a href="#">Sunflowers</a></li> 
    </ul> 
</div><!-- /.navbar-collapse --> 

Mise à jour Fiddle: https://jsfiddle.net/sr5z9mag/1/

Vous pouvez ensuite supprimer le bouton, ou faire ce que vous aimez avec elle ...

Un autre violon sans l'élément button: https://jsfiddle.net/sr5z9mag/2/