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>