ブートストラップで2つの異なるWebページの作業メインメニューとドロップダウンメニューを作成する方法は？

Question

私は自分のウェブサイトにBootstrap 3.3.4を使用しています。

次のように私は、メニューのコードスニペットをしました：

<ul class="nav navbar-nav"> 
<li class="{{projects}}"><a href="/darpan/pages/project/projectList.html">Projects</a></li> 
</ul> 

上記のコードは正常に動作しています。ユーザーがメニュー 'Projects'をクリックすると、それぞれのWebページが開きます。

ここでは、上記のメニューにサブメニューを追加します。このサブメニューには、新しいWebページがリンクされています。

が

<ul class="nav navbar-nav"> 
    <li class="{{projects}}" class="dropdown"> 
    <a class="dropdown-toggle projects" 
     data-toggle="dropdown" 
     href="/darpan/pages/project/projectList.html"> 
     <span id="projects">Projects</span> 
    </a> 
    <ul class="dropdown-menu"> 
     <li> 
     <a href="/darpan/pages/project/createNewProject.html">Add new project</a> 
     </li> 
    </ul> 
    </li> 
</ul> 

今すぐ実行した後、このドロップダウンメニューの新しいプロジェクトを追加しますが、 'を開き、時にユーザーがメニュー「プロジェクト」をクリックしたときに、私が直面してる問題がされて次のように私はそれを試したコードがあります[新しいプロジェクトを追加]をクリックすると、それぞれのWebページが開きます。これは私の必要条件としては完璧ですが、メニュー 'Projects'に関連付けられているウェブページは、クリックすると開くことができません。これは、ドロップドンメニュー機能と一緒に機能するはずです。

この点で誰か助けてくれますか？ありがとう。

Answer 1

があなたのアンカーに無効クラスを追加し、このCSSで

<ul class="nav navbar-nav"> 
    <li class="{{projects}}" class="dropdown"> 
    <a class="dropdown-toggle projects disabled" href="/darpan/pages/project/projectList.html">Projects</a> 
    <a class="dropdown-toggle"><b class="caret"></b></a> 
    <ul class="dropdown-menu"> 
     <li><a href="/darpan/pages/project/createNewProject.html">Add new project</a></li> 
    </ul> 
    </li> 
</ul> 

を<a> 1以上を追加

.caret1 { 
    position: absolute !important; top: 0; right: 0; 
} 

.dropdown-toggle.disabled { 
    padding-right: 40px; 
} 

CSSは、ここに第二の溶液を発見：追加https://stackoverflow.com/a/24581001/4119808