Twitter bootstrap 添加一段代码后,一个(以前工作的)锚点在悬停时停止工作

Twitter bootstrap 添加一段代码后,一个(以前工作的)锚点在悬停时停止工作,twitter-bootstrap,github,jekyll,anchor,Twitter Bootstrap,Github,Jekyll,Anchor,我从一个引导模板开始构建一个项目。然后,我将bootply中的一段代码添加到服务部分。由于某种原因,第一部分中的按钮(锚)不再工作 然而,我复制到新部分的相同锚很好 链接至网站: 链接到index.html: 链接到style.css: index.html 请在我们的css中添加此代码 .header-area .v-center{ position: relative; z-index: 999; } input:focus, button:focus, a:focus, a:h

我从一个引导模板开始构建一个项目。然后,我将bootply中的一段代码添加到服务部分。由于某种原因,第一部分中的按钮(锚)不再工作

然而,我复制到新部分的相同锚很好


链接至网站:

链接到index.html:

链接到style.css:

index.html
请在我们的css中添加此代码

.header-area .v-center{
  position: relative;
  z-index: 999;
}
input:focus,
button:focus,
a:focus,
a:hover {
    text-decoration: none;
    outline: none;
    color: #000000;
}

.button.white,
.button:hover {
    background-color: #ffffff;
    color: #000;
}
.header-area .v-center{
  position: relative;
  z-index: 999;
}