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

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框架吧