0

我正在尝试使用引导模板构建我的第一个网站,但无法让导航栏中的下拉按钮显示任何内容或打开。它会以我想要的方式显示所有内容,但它的“打开”功能由于某种原因无法正常工作。

这是我在 HTML 部分中的内容:

 <li div class="dropdown">
              <a data-toggle="dropdown" href="#" class="dropdown-toggle" data-        
                 toggle="dropdown">General Education <b class="caret"></b></a>


              <ul class="dropdown-menu">
                <li><a href="gened.html">Composition</a></li>
                <li><a href="#">American Institutions</a></li>
                <li><a href="#">Humanities</a></li>
                <li><a href="#">Physical Sciences</a></li>
                <li><a href="#">Quantitative Literacy</a></li>
                <li><a href="#">Fine Arts</a></li>
                <li><a href="#">Interdisciplinary</a></li>
                <li><a href="#">Social Sciences</a></li>
                <li><a href="#">Fine Arts</a></li>

              </ul>
            </li>

(我还没有更新所有的目标链接,现在大部分只是显示为#)

对于CSS,我有:

.dropdown-toggle:active,
.open .dropdown-toggle {
 outline: 0;
}

请帮忙!

4

1 回答 1

1

您的代码中的错误<li class="dropdown">尝试此代码您的页面不包含必要的 js 文件,因此在部分中插入 tis 行

脚本

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>

HTML

<li class="dropdown">
              <a data-toggle="dropdown" href="#" class="dropdown-toggle" data-        
                 toggle="dropdown">General Education <b class="caret"></b></a>


              <ul class="dropdown-menu">
                <li><a href="gened.html">Composition</a></li>
                <li><a href="#">American Institutions</a></li>
                <li><a href="#">Humanities</a></li>
                <li><a href="#">Physical Sciences</a></li>
                <li><a href="#">Quantitative Literacy</a></li>
                <li><a href="#">Fine Arts</a></li>
                <li><a href="#">Interdisciplinary</a></li>
                <li><a href="#">Social Sciences</a></li>
                <li><a href="#">Fine Arts</a></li>

              </ul>
            </li>

示例标记

<!-- start: User Dropdown -->
    <li class="dropdown">
    <a id= "uname" style="color:#fff;text-shadow:none" class="btn dropdown-toggle" data-toggle="dropdown" href="#"><i class="icon-user"></i> 
    Admin
    <span class="caret"></span>                         
    </a>
    <ul class="dropdown-menu">
    <li><a href="#" ><i class="icon-lock"></i> Change Password</a></li>
    <li><a href="#"><i class="icon-off"></i> Logout</a></li>
    </ul>
    </li>
<!-- end: User Dropdown -->
于 2013-11-13T04:50:48.440 回答