Javascript 我怎样才能在推特引导中工作呢你好按钮_Javascript_Html_Twitter Bootstrap

Javascript 我怎样才能在推特引导中工作呢你好按钮

javascript html twitter-bootstrap

Javascript 我怎样才能在推特引导中工作呢你好按钮,javascript,html,twitter-bootstrap,Javascript,Html,Twitter Bootstrap,下面是我使用twitter引导创建基本响应折叠导航栏的代码。我把这个按钮叫做“button”，我希望它在屏幕被压缩时是可见的。当我点击这个按钮时，我想要一个下拉列表，其中有“主页”链接，以及一些其他链接，当我稍后添加它们时。由于某些原因，当我压缩屏幕时，按钮没有层叠。我只看到按钮，但当我点击它时，它不会展开另外，我猜这对于这个网站上的许多程序员来说是非常基本的东西，但是如果你想让我在代码中添加注释条目来逐行说明我的意图，请让我知道，我很乐意这样做。除了按钮的颜色外，你的代码似乎工作正常，没有任

下面是我使用twitter引导创建基本响应折叠导航栏的代码。我把这个按钮叫做“button”，我希望它在屏幕被压缩时是可见的。当我点击这个按钮时，我想要一个下拉列表，其中有“主页”链接，以及一些其他链接，当我稍后添加它们时。由于某些原因，当我压缩屏幕时，按钮没有层叠。我只看到按钮，但当我点击它时，它不会展开

另外，我猜这对于这个网站上的许多程序员来说是非常基本的东西，但是如果你想让我在代码中添加注释条目来逐行说明我的意图，请让我知道，我很乐意这样做。

除了按钮的颜色外，你的代码似乎工作正常，没有任何问题。看看这个JSBin：

您与jquery的链接不正确。您缺少：after http

如中所述，应改为：

<!DOCTYPE html>
<html>
    <head>
        <title>HI THERE</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href = "css/bootstrap.min.css" rel="stylesheet">
        <link href = "css/styles.css" rel = "stylesheet">
    </head>
    <body>
        <div class = "navbar navbar-inverse navbar-static-top">
            <div class = "container">
                <a href = "#" class = "navbar-brand">ABC</a>
                <button class = "navbar-toggle" data-toggle = "collapse" data-target = ".navHeaderCollapse">
                    BUTTON
                </button>   
                <div class = "collapse navbar-collapse navHeaderCollapse">
                    <ul class = "nav navbar-nav navbar-right">
                        <li class="active"><a href ="#">home</a></li>

                    </ul>

                </div>
            </div>
        </div>
        <script src = "http//code.jquery.com/jquery-1.10.2.min.js"></script>
        <script src = "js/bootstrap.js"></script>

    </body>

</html>

在开始使用功能之前需要检查的一件重要事情是确保所有css和jquery文件都正确包含。您可以通过在浏览器中打开控制台来执行此操作，如果任何外部资源无法加载，则会出现与此相关的错误

祝你好运。

谢谢你的帮助，我看到它正在处理你发给我的链接。当我使用Chrome打开html文档时，是否有任何理由认为它不起作用？您确定您的引导版本是正确的版本并且加载正确吗？在JSBin中，我加载了“最新”的引导程序，它运行良好，因为您没有发布“css/bootstrap.min.css”。正如Paul Haggo提到的，您的URL对于jquery是不正确的。当我通过JSBin添加引导程序时，它还包含了正确的jQuery。SMH。谢谢Steve H的另一个答案是有效的，因为jquery被包含在文件的前面，这与文件的设置方式不同。谢谢！我永远也不会明白，但我一定会在下次继续检查。

<script src = "http://code.jquery.com/jquery-1.10.2.min.js"></script>