مشکل در منو

[vahidbolbol]

سلام من میخوام وقتی سایز سایتم کوچیک شد منوهام به صورت دکمه در بیاد که لمس شد باز بشه اما کدهام درست کار نیمکنن مشکلش چیه؟


<div id="navbar" class="navbar navbar-main navbar-fixed-top paginainicial">
<div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse"> <i class="fa fa-bars"></i> </button> <a class="navbar-brand page-scroll logopreto hidden-xs" href="HtmlPage1.html"><img class="icon-logo" src="img/logopreto.png"></a> <a class="navbar-brand page-scroll logoclaro" href="HtmlPage1.html"><img class="icon-logo" src="img/logobranco.png"></a> </div> <nav class="collapse navbar-collapse navbar-right navbar-main-collapse" style="margin-top:8px"> <ul class="nav navbar-nav"> <li><a class="" href="HtmlPage1.html">Home </a></li> <li><a class="" href="About.html">About us</a></li> <li class="dropdown"> <a class="page-scroll dropdown-toggle" data-toggle="dropdown .navbar-main-collapse">Products <span class="caret"></span></a> <ul class="dropdown-menu clearfix"> <li><a class="underline menuprincipal">Treatment</a> <li><a class="underline menuprincipal">Keratin Treatment</a></li> <li><a href="#">Repairment</a></li> <li><a href="#">Absolute Smooth</a></li> <li><a href="#">Color Protection</a></li> <li><a href="#">Natural Smooth</a></li> <li><a href="#">Smoothing</a></li> <li><a href="#"> The Keratin Express </a></li> <li><a href="#">Gradual Smooth Serum</a></li> <li><a href="#">Smoothing Protein</a></li> </ul> </li> <li> <a class="page-scroll" href="crti.html">Certificate </a> </li> <li class=""> <a class="page-scroll" href="Contact.html">Contact</a> </li>
</ul> </nav> </div> </div>

[raha raad]

سلام. از کد زیر می تونید استفاده کنید. همینطور اگه بازم دکمه باز نشد لازمه اسکریپت ها رو مجدد بررسی کنید.



<div class="navbar navbar-default menu" role="navigation" dir="rtl">


<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>


</div>
<div class="navbar-collapse collapse">
<!-- منو -->
</div><!--/.nav-collapse -->


</div>