مشکل در منو

[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>