Twitter bootstrap 如何在Bootstrap中创建一个子菜单下拉列表到项目菜单中？

我有一个子菜单工作，但现在我想创建一个子菜单到菜单项打开其他选项。我在菜单上创建了一个项目

Produtos

，现在我想为这个项目

Produtos

创建其他选项

例如：

Produto

>打开>

Categorias并将Produto

作为其选项

我怎么能这样做

尝试

<!-- Links Inicio -->
            <ul class="nav navbar-nav navbar-left">
                <!-- Menu dropdown Inicio -->
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Cadastros <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <!--dropdown produtoss-->
                        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Produtos <b class="caret"></b></a> 
                            <ul class="dropdown-menu">
                                <li><a href="#">Categoria</a></li>
                                <li><a href="#">Produto</a></li>
                            </ul>
                        </li>
                        <!--Fim dropdown produtos-->

                        <li><a href="#">Sub-Link 2</a> </li>
                        <li class="divider"></li>
                        <li><a href="#">Sub-Link 3</a> </li>
                        <li><a href="#">Sub-Link 4</a> </li>
                        <li class="divider"></li>
                    </ul>
                </li>
                <!-- Menu dropdown Fim -->

            </ul>
            <!-- Links Fim -->

希望这会有所帮助

#菜单#u容器{
宽度：100%；
背景：rgb（250252254）；
边框：1px实心rgb（128128）；
字体系列：Arial；
字号：9pt；
}
ul#菜单，ul.子菜单{
保证金：0；
填充：0；
列表样式：无；
}
ul#菜单li{
浮动：左；
}
/*隐藏子菜单*/
li ul.子菜单{
显示：无；
}
菜单a{
显示：块；
文字装饰：无；
填充：7px 14px；
浮动：无；
颜色：rgb（51,51,51）；
}
/*显示子菜单*/
ul#菜单li：悬停>ul.子菜单{
显示：块；
位置：绝对位置；
浮动：左；
边框：1px实心rgb（128128）；
}
ul.子菜单li：悬停>ul.子菜单{
显示：块；
位置：绝对位置；
左：100%；
排名：0；
边框：1px实心rgb（128128）；
}
菜单li：鼠标悬停li，菜单li：鼠标悬停a{
浮动：无；
背景：rgb（230240254）；
颜色：#000；
}
ul#菜单li：悬停li a{
背景：rgb（250252254）；
颜色：rgb（51,51,51）；
}
菜单li：悬停li a：悬停{
背景：rgb（230240254）；
颜色：#000；
}

希望这会有所帮助

#菜单#u容器{
宽度：100%；
背景：rgb（250252254）；
边框：1px实心rgb（128128）；
字体系列：Arial；
字号：9pt；
}
ul#菜单，ul.子菜单{
保证金：0；
填充：0；
列表样式：无；
}
ul#菜单li{
浮动：左；
}
/*隐藏子菜单*/
li ul.子菜单{
显示：无；
}
菜单a{
显示：块；
文字装饰：无；
填充：7px 14px；
浮动：无；
颜色：rgb（51,51,51）；
}
/*显示子菜单*/
ul#菜单li：悬停>ul.子菜单{
显示：块；
位置：绝对位置；
浮动：左；
边框：1px实心rgb（128128）；
}
ul.子菜单li：悬停>ul.子菜单{
显示：块；
位置：绝对位置；
左：100%；
排名：0；
边框：1px实心rgb（128128）；
}
菜单li：鼠标悬停li，菜单li：鼠标悬停a{
浮动：无；
背景：rgb（230240254）；
颜色：#000；
}
ul#菜单li：悬停li a{
背景：rgb（250252254）；
颜色：rgb（51,51,51）；
}
菜单li：悬停li a：悬停{
背景：rgb（230240254）；
颜色：#000；
}

在web中创建子导航非常容易。我想告诉您，您应该首先从您的终端尝试，遇到任何错误或问题，然后访问stackoverflow。因此，我请求您检查css技巧站点，在那里您将获得创建子导航的正确想法

你也可以参考下面的链接

  [1]: [https://css-tricks.com/targetting-menu-elements-submenus-navigation-bar/][1]
  [2]: [http://codepen.io/RayM/details/JCtij][1]

---

在web中创建子导航非常容易。我想告诉您，您应该首先从您的终端尝试，遇到任何错误或问题，然后访问stackoverflow。因此，我请求您检查css技巧站点，在那里您将获得创建子导航的正确想法

你也可以参考下面的链接

  [1]: [https://css-tricks.com/targetting-menu-elements-submenus-navigation-bar/][1]
  [2]: [http://codepen.io/RayM/details/JCtij][1]

---

我找到了我想要的

---

在这里找到：

我找到了我想要的东西

可在此处找到：