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

<div class="dropdown  pull-left" style="direction:ltr ; position:relative">

            <a href="#"  class="dropdown-toggle pull-right" id="menu1" data-toggle="dropdown">کاربر</a>

            <ul class="dropdown-menu">
                <li><a href="#">منو 1</a></li>
                <li><a href="#"> منوی 2</a></li>
               <li class="dropdown"><a href="#" class="dropdown-toggle" id="menu" data-toggle="dropdown"> منوی 3</a>
                <ul class="dropdown-menu">
                    <li><a href="#"> زیر منو</a></li>

                    <li><a href="#"> زیر منو</a></li>

                 </ul>
                </li>
               
            </ul>
        </div>

اینجا قسمت زیر منوهارو نمایش نمیده