请问这样编写为什么不出现二级菜单的结果

<ul class="nav nav-pills">

  <li class="active"><a href="##">首页</a></li>

  <li class="dropdown">

      <a href="##" class="dropdown-toggle" data-toggle="dropdown">教程<span class="caret"></span></a>

      <ul class="dropdown-menu">

        <li class="dropdown">

        <a href="##" class="dropdown-toggle" data-toggle="dropdown">CSS3<span class="caret"></span></a>

            <ul class="dropdown-menu">

                <li><a href="##">1</a></li>

                <li><a href="##">2</a></li>

                <li><a href="##">3</a></li>

            </ul>

        </li>

        <li><a href="##">Sass</a></li>

        <li><a href="##">jQuery</a></li>

        <li><a href="##">Responsive</a></li>

      </ul>

  </li>

 <li><a href="##">关于我们</a></li>

</ul>