트위터 부트 스트랩이 내 스타일 시트와 충돌합니다

Question

트위터 부트 스트랩을 사용하고 있으며 드롭 다운 메뉴가 파란색 배경으로 표시되지 않습니다. 내 사이트 스타일 시트를 제거하면 드롭 다운 메뉴가 파란색으로 표시됩니다.

<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> 

두 스타일 시트가 왜 충돌하는지 이해할 수 없습니다. 드롭 다운 메뉴를 올바르게 사용하려면 어떻게해야합니까?

Answer 1

해결되었습니다. 어떤 요소가 충돌했는지 발견하고 해당 요소를 제거했습니다.