Twitter bootstrap 无法确定如何使引导下拉按钮与我的网站一起工作

www.wishywell.net

我阅读了引导指南，它应该像添加这些代码行一样简单，有一个带有下拉菜单的按钮

<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" role="button" href="#">Features <b class="caret"></b></a>
    <ul class="dropdown-menu" role="menu">
        <li><a href="blog.html" tabindex="-1">Blog</a></li>
        <li><a href="single.html" tabindex="-1">Blog Single</a></li>
        <li><a href="dividers.html" tabindex="-1">Dividers</a></li>
    </ul></li>

---

顶部显示的是单词Feature，但有一个下拉列表，我的网站上是否有其他东西导致它失败？

为了正确使用Bootstrap的Javascript组件，您需要将Bootstrap.js（或Bootstrap.min.js）文件作为资源包含在站点页面上

您可以在bootstrap提供的zipball中找到这些文件：

---

如上所述，您需要调用引导javascript组件

您还需要像这样更改文件

$(document).ready(function(){


    application.init ();


(function () {
        a('<i id="back-to-top" class="icon-chevron-up"></i>').appendTo(a("body"));
        a(window).scroll(function () {
            if (a(this).scrollTop() != 0) {
                a("#back-to-top").fadeIn()
            } else {
                a("#back-to-top").fadeOut()
            }
        });
        a("#back-to-top").click(function () {
            a("body,html").animate({
                scrollTop: 0
            }, 600)
        })
    })();

});

    <!-- Start: Java Script -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 <script src="http://cdn.jsdelivr.net/flexslider/2.0/jquery.flexslider-min.js"></script> 
<script src="/js/backtotop.js"></script>

$（文档）.ready（函数（）{
application.init（）；
（功能（）{
a（''）。附于（a（“主体”）；
a（窗口）。滚动（功能（）{
如果（a（this）.scrollTop（）！=0）{
a（“#返回顶部”）.fadeIn（）
}否则{
a（“#返回顶部”）.fadeOut（）
}
});
a（“#返回顶部”）。单击（函数（）{
a（“body，html”）.动画({
滚动顶部：0
}, 600)
})
})();
});

并在调用jquery文件后调用它，如

$(document).ready(function(){


    application.init ();


(function () {
        a('<i id="back-to-top" class="icon-chevron-up"></i>').appendTo(a("body"));
        a(window).scroll(function () {
            if (a(this).scrollTop() != 0) {
                a("#back-to-top").fadeIn()
            } else {
                a("#back-to-top").fadeOut()
            }
        });
        a("#back-to-top").click(function () {
            a("body,html").animate({
                scrollTop: 0
            }, 600)
        })
    })();

});

    <!-- Start: Java Script -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 <script src="http://cdn.jsdelivr.net/flexslider/2.0/jquery.flexslider-min.js"></script> 
<script src="/js/backtotop.js"></script>

---

谢谢你的帮助，我会试试看