2014-06-22 40 views
0

我使用twitter引導,下拉菜單不顯示在藍色背景中。 當我刪除我的網站樣式表下拉菜單顯示爲藍色。Twitter引導與我的樣式表衝突

<div class="navbar navbar-fixed-top"> 
         <div class="navbar-inner"> 
          <div class="container"> 
           <a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-responsive-collapse"> 
            <span class="icon-bar"></span> 
            <span class="icon-bar"></span> 
            <span class="icon-bar"></span> 
           </a> 
           <div class="nav-collapse collapse navbar-responsive-collapse"> 
            <ul class="nav"> 
             <li><a href="/Users/Share.aspx">Home</a></li> 
             <li><a href="/Users/Friends.aspx">Friends</a></li> 
             <li class="dropdown"> 
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Reviews<b class="caret"></b></a> 
              <ul class="dropdown-menu"> 
               <li><a href="/Users/MovieReview.aspx">Movies</a></li> 
               <li><a href="/Users/BookReview.aspx">Books</a></li> 
               <%--<li><a href="#">Something else here</a></li> 
               <li class="divider"></li> 
               <li class="nav-header">Nav header</li> 
               <li><a href="#">Separated link</a></li> 
               <li><a href="#">One more separated link</a></li>--%> 
              </ul> 
             </li> 
             <li class="dropdown"> 
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Share<b class="caret"></b></a> 
              <ul class="dropdown-menu"> 
               <li><a href="/Users/Share.aspx">Share</a></li> 
               <li><a href="/Users/Groups.aspx">Groups</a></li> 
              </ul> 
             </li> 
             <li class="dropdown"> 
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Personal<b class="caret"></b></a> 
              <ul class="dropdown-menu"> 
               <li><a href="/Users/Wall.aspx">Wall</a></li> 
               <li><a href="/Users/Messages.aspx">Messages</a></li> 
               <li><a href="/Users/Chatroom.aspx">Chat Room</a></li> 
              </ul> 
             </li> 
             <li><a href="/Users/ViewSong.aspx">Songs</a></li> 
             <li class="dropdown"> 
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Tech Ed<b class="caret"></b></a> 
              <ul class="dropdown-menu"> 
               <li><a href="/Users/Questions.aspx">Questions</a></li> 
               <li><a href="/Users/AskQuestion.aspx">Ask Question</a></li> 
              </ul> 
             </li> 
             <li><a href="/Users/GroupNew.aspx">Groups</a></li> 
             <li class="dropdown"> 
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Account<b class="caret"></b></a> 
              <ul class="dropdown-menu">             
               <li> 
                <a href="/Users/UpdateProfile.aspx"> 
                 <asp:Label ID="lblUsername" runat="server"></asp:Label></a> 
               </li> 
               <li><a id="loginAnchor" href="LoginNew.aspx" runat="server" visible="false">Login</a></li>             
               <li><asp:LinkButton ID="lbAdminPanel" Text="Admin Panel" OnClick="lbAdminPanel_Click" runat="server" Visible="false"></asp:LinkButton></li> 
               <li><asp:LinkButton ID="lbLogout" Text="Log Out" OnClick="lbLogout_Click" runat="server" Visible="false"></asp:LinkButton></li> 
              </ul> 
             </li> 
            </ul> 

            <input type="text" class="search-query span2" placeholder="Search" id="appendedInputButton" onclick="ClearSearchTextBox(this);" value="Search friends,movies,books,groups..." style="width: 160px; margin-top:5px;" /> 
           </div> 
           <!-- /.nav-collapse --> 
          </div> 
         </div> 
         <!-- /navbar-inner --> 
        </div> 

我不明白爲什麼兩個樣式表是衝突的。如何正確使用下拉菜單?

+0

您的css是否包含帶「下拉菜單」的類名? – Mehmet

+0

不,它不包含 –

+0

你能分享一個jsfiddle的鏈接嗎? – Mehmet

回答

0

已解決。我發現它與哪個元素碰撞並移除了該元素