Twitter Bootstrap Scrollspy跳过元素

Question

我正在使用Twitter Bootstrap，已经有一段时间了。我今天才使用了scrollspy组件，我遇到了一些奇怪的问题。scrollspy默认激活"pricing“链接。只有一个ID上面有#pricing。我一直在寻找答案。链接：http://ibexcore.com/services/web-design

Answer 1

如果您在pricing h1上检查元素(使用chrome)，并将鼠标悬停在代码检查器中的元素上，您将注意到h1区域似乎覆盖了几乎整个页面。

看起来你的html中有一些错误，或者是一些不寻常的CSS规则导致它的区域如此之大

编辑-仔细一看，您的定价h1似乎超出了twitter的引导指南。

<div class="row">
  <div class="span#"></div>
  <div class="span#"></div>
</div>

你的是这样的

<div class="row">
  <div class="span#"></div>
  <div class="span#"></div>
  <h1 id="pricing"></h1>
</div>

我猜把它插回<div class="span#">就能解决它了

​

​