داینامیک کردن منوی بوت استرپ داینامیک کردن منوی بوت استرپ با 5 زیر منو

[unid_user 63]

سلام دوستان

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

خیلی ممنون.

<nav class="navbar navbar-default">
          <div class="container-fluid">

            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" 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>

            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
              <ul class="nav navbar-nav">
                <li><a href="#">صفحه اصلی</a></li>
                  <li class="dropdown">
                  	<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"  data-submenu>منوی اصلی<span class="caret"></span></a>
                  		<ul class="dropdown-menu">
                        <li class="dropdown-submenu"><a href="#">زیر منوی 1</a>
                          <ul class="dropdown-menu">
                            <li class="dropdown-submenu">
                              <a href="#">زیرمنو 2</a>
                              <ul class="dropdown-menu">
                                <li class="dropdown-submenu"><a href="#">زیرمنو 3</a>
                                  <ul class="dropdown-menu">
                                    <li class="dropdown-submenu"><a href="#">زیر منو 4</a>
                                      <ul class="dropdown-menu">
                                        <li><a href="#">زیرمنو 5</a></li>
                                      </ul>
                                    </li>
                                    </ul>
                                </li>
                              </ul>
                            </li>
                          </ul>
                        </li>
                  		</ul>
                  </li>
              </ul>
            </div>
          </div>
        </nav>

 

index.html