Question

我正在使用twitter bootstrap，而dropdownmenu不会显示在蓝色背景中。当我删除我的网站样式表时，dropdownmenu显示为蓝色。

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

我不明白为什么这两个样式表是冲突的。如何正确使用dropdownmenu？

Answer 1

已解决。我找到了与之碰撞的元素并删除了该元素

Twitter引导程序与我的样式表发生冲突

1 个答案: