导航栏下拉菜单选项中再添加一个下拉菜单，应该怎么添加，试了下点击就消失了

Question

<div class="row clearfix"> <div class="col-md-12 column"> <ul class="nav nav-tabs nav-stacked"> <li class="active">  <a href="#">首页</a> </li> <li>  <a href="#">简介</a> </li> <li class="disabled">  <a href="#">信息</a> </li> <li class="dropdown">  <a href="#" data-toggle="dropdown" class="dropdown-toggle">下拉<strong class="caret"></strong></a> <ul class="dropdown-menu"> <li class="dropdown">  <a href="#" data-toggle="dropdown" class="dropdown-toggle">操作<strong  class="caret"></strong></a>  <ul class="dropdown-menu"> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li>  </ul> </li> <li>  <a href="#">设置栏目</a> </li> <li>  <a href="#">更多设置</a> </li> <li class="divider"> </li> <li>  <a href="#">分割线</a> </li> </ul> </li> </ul> </div> </div>

Answer 1

第一个下拉菜单出现之后，你点击这个下拉菜单的任何一个选项这个下拉菜单都会隐藏，这样第二个下拉菜单肯定不会出现，需要额外添加css样式，不能单靠bootstrap框架吧