Bootstrap導航欄子菜單活動狀態不工作

Bootstrap導航欄活動狀態不起作用。Bootstrap導航欄子菜單活動狀態不工作

我有bootstrap v3。

當我沒有完成任何工作時，我在其子菜單的mynavbar上使用class =「active」。

這裏是我的代碼以JS/CSS /引導文件我已經包括：

     <li class="active"> 
          <a href="javascript:;" data-toggle="collapse" data-target="#demoadmin"> 
           <i class="fa fa-fw fa-wrench"></i>Administrator Menu <i class="fa fa-fw fa-caret-down"></i> 
          </a> 
          <ul id="demoadmin" class="collapse in"> 
           <li class="active"> 
            <a href="linkmanagement.php#">Links Editor</a> 
           </li> 

           <li> 
            <a href="editortable.php">News Editor</a> 
           </li> 
           <li> 
            <a href="main_category.php">Main Category Editor</a> 
           </li> 
           <li> 
            <a href="sub_category.php">Sub Category Editor</a> 
           </li> 
           <li> 
            <a href="editorprofile.php">Profile Team Editor</a> 
           </li> 
          </ul> 
         </li>

來源

2015-08-24 Fananda Herda

你可以添加更多的代碼？你正在加載正確的CSS/JS的？你是否指向linkmanagement.php＃？ – alexandresaiz

@alexandresaiz多數民衆贊成正確，其我的代碼https://ideone.com/7zIR1a 如果主菜單類活動可以啓用，但在子菜單中不能 –

你沒有表現出我們足夠的HTML清楚地看到你在做什麼錯，但它看起來就像您試圖讓active課程在引導dropdown-menu上工作一樣。

<li class="dropdown active"> 
     <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> 
      <i class="fa fa-fw fa-wrench"></i>Administrator Menu <i class="fa fa-fw fa-caret-down"></i> 
     </a> 
     <ul class="dropdown-menu"> 
      <li class="active"> 
       <a href="linkmanagement.php#">Links Editor</a> 
      </li> 

      <li> 
       <a href="editortable.php">News Editor</a> 
      </li> 
      <li> 
       <a href="main_category.php">Main Category Editor</a> 
      </li> 
      <li> 
       <a href="sub_category.php">Sub Category Editor</a> 
      </li> 
      <li> 
       <a href="editorprofile.php">Profile Team Editor</a> 
      </li> 
     </ul> 
    </li>

DEMO

來源

2015-08-24 00:40:20 SuperVeetz

Bootstrap導航欄子菜單活動狀態不工作

回答

相關問題