Twitter Bootstrap Scrollspy跳过元素

Question

我正在使用Twitter Bootstrap，已经有一段时间了。我今天只使用了scrollspy组件，我遇到了一些奇怪的问题。 scrollspy默认为激活“定价”链接。只有一个带有#pricing的ID。我搜索并搜索了一个答案。 链接：http://ibexcore.com/services/web-design

Answer 1

如果您在定价h1上检查元素（使用chrome）并将鼠标悬停在代码检查器中的元素上，您会注意到h1区域似乎几乎涵盖了整个页面。< / p>

看起来你的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#">来修复它