Twitter Bootstrap按钮不响应顶级css元素

Question

我正在尝试修改Bootstrap的默认按钮，使它们看起来像是在按下它们。

效果可以在这里看到：http://www.esecamalich.com/blog/before-&-after/

我一直在使用Less框架，到目前为止，我可以使一切都发生除了使按钮在活动状态下向下移动3个像素。这实际上杀死了幻觉，令人难以置信的沮丧。

例如，这就是我的Active State CSS / LESS的样子：

.btn.active,
.btn:active {
  top: 3px;
  #gradient > .blockyShadowActive();
}

现在，如果我将顶部更改为margin-top，那么它可以正常工作，但是有一个令人遗憾的副作用，就是将它下面的所有东西都移走，这很愚蠢。我已尽力消除效果，看看是什么阻止了它，但我无法弄明白。我试过的一些事情：

• 从所有容器中拉出按钮，以便仅应用正文级别属性
• 从顶部属性
以外的按钮中删除/注释掉所有样式
• 尝试使用纯CSS（没有更少）清理Bootstrap的干净版本上的按钮和容器，删除每个属性但仍无法让它向下移动3个像素（或任何像素）

对于我的生活，我无法弄清楚是什么阻止了这种情况的发生。有人以前见过这种事吗？