Asp.net中的Bootstrap堆叠导航栏下拉菜单

Question

我是bootstrap中的新手。 我想使用引导代码我的Asp.net页面 我想在页面的左侧创建下拉列表。我指的css代码的形式引导网站

到现在我想这 代码：

<div class=" nav nav-pills nav-stacked"> 
    <ul class="navbar nav nav-pills nav-stacked"> 
    <li class="dropdown"><a href="#" class="dropdown-toggle" id="button">Navigation<span class="caret"></span></a> 

    <ul class="dropdown-menu" id="menu"> 
    <li><a href="#">sub item 1</a></li> 
    <li><a href="#">sub item 2</a></li> 
    <li><a href="#">sub item 3 </a></li> 
    </ul></li> 
     <li><a href="#">home</a></li> 
    </ul> 
    </div> 

当我运行的代码子项1,2,3导航下隐藏了....但是当我尝试点击导航菜单中没有任何反应。

Answer 1

看到我也是bootstrap中的新手。将您的代码更改为此。并告诉我它是否有效。我没有试过这个。

<div class=" nav nav-pills nav-stacked"> 
     <ul class="navbar nav nav-pills nav-stacked"> 
     <li class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true"> 
     Dropdown 
     <span class="caret"></span> 
     </button> 

     <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> 
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li> 
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li> 
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li> 
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li> 
    </ul></li> 
      <li><a href="#">home</a></li> 
     </ul> 
     </div>