Question

我有一个bootstrap HTML页面，我不知道如何从一个按钮链接到页面的一部分。

我的页面有一个导航栏，其中有正常情况。这些链接工作正常，并将页面向下滚动到正确的部分。

如果我在页面下方创建了一个按钮，其中包含：

          <div class="span4">
              <a class="btn btn-large btn-block btn-danger" href="#pricing">SEE PLANS AND PRICING</a>
          </div>

按钮不会滚动到页面的某个部分。它什么都不做。

有什么建议吗？

编辑1

在此处发布html：http://pastebin.com/M9y6NUei

Answer 1

恕我直言，你的定价按钮运行良好，清理你的乱码（缺少结束标签，空属性......）。

以下是工作代码：http://jsfiddle.net/s4LtE/

<div class="span4">
  <a class="btn btn-large btn-block btn-danger" href="#pricing">SEE PLANS AND PRICING</a>
</div>
…
<section class="" id="pricing" data-spy="pricing"
        data-target="#pricing">

Answer 2

上面的代码可以在我模拟它时起作用。问题可能在于其他代码。检查您的网页上的正确位置是否有id =“pricing”，并且拼写正确。

Answer 3

好吧，我想出来了。我添加了一个“application.js”，不应该这样。

我在其他方面有关于bootstrap问题的提示。在提出问题之前注释掉所有的javascript，看看是否会导致您的问题。

感谢所有为我看过这个的人！

从按钮（不是导航栏）链接到引导程序段ID

编辑1

3 个答案: