Css 三层下拉列表

是否有可能使用css引导重新创建这种风格的菜单我正在使用引导，目前为止，我的顶部栏只有两个选项卡和下拉列表。我还看到了在管理员链接中显示的下拉列表，以及设置中心

蓝色图标按钮应该是下拉列表，直到最后一项。我已经在pastbin上发布了我的初始代码，因为这里的编辑器正在将它们转换为元素。有人能告诉我如何阻止这种情况发生吗

代码

，--简短回答：选择代码后使用工具栏中的

{}

按钮。@PaulRoub谢谢budy，请注意，没有四个选项卡没有，谢谢，谢谢。这是一个多级引导菜单：。这里的东西，可能会帮助你与这个项目或没有，但它的方便有为什么我的帐户裸露有人能告诉我

  <div class="navbar-inner">
    <div class="container-fluid">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                </a>
                <div class="nav-collapse collapse">
                    <ul class="nav">
                        <li class="active"><a href="#"><i class="icon-home icon-white"></i> Home</a></li>
                        <li><a href="#"  class="dropdown-toggle" data-toggle="dropdown">Cassed Dimensions Portal</a></li>
                        <li><a href=""  class="dropdown-toggle" data-toggle="dropdown">Configruation Items</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Products<b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Latest Products</a></li>
                                <li><a href="#">Popular Products</a></li>
                            </ul>
                        </li>          
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Membership<b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Personal Membership</a></li>
                                <li><a href="#">Premium Membership</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Offers</a></li>
                        <li><a href="#">Gallery</a></li>
                        <li><a href="#">About Us</a></li>
                        <li><a href="#">Contact</a></li>
                        <li class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                            </ul>
                        </li>
                    </ul>



     <ul class="nav navbar-nav navbar-right">
      <li><a href="#about">Right</a></li>
      <li><a href="#contact">Right</a></li>
    </ul>
                </div><!-- /.nav-collapse -->
    </div><!-- /.container -->
  </div><!-- /.navbar-inner -->
</div><!-- /.navbar -->