Twitter bootstrap 为什么引导组件在FontAwesome网站上看起来更好？

我想知道为什么FontAwesome的网站上的组件比我的好（它还没有上线，所以你看不到自己…但你可以查看Bootstrap的网站）

我只是试着剪切并粘贴删除按钮的片段（红色的那一个），但外观和感觉不一样：当然字体不同，但我也注意到按钮边框上的漂亮灯光/阴影效果比使用引导制作的按钮更清晰

我想，必须有一个额外的外部组件，能够给按钮的外观和感觉，但我想知道它是什么。我查看了源代码，注意到typekit.com上的一个库的引用，它可能是我正在寻找的答案的候选，但它似乎与字体有关

另一个选择是FA网站的作者利用Bootstrap CSS或JS来实现这一效果，但在检查源代码后，我什么也没发现

---

你知道如何在按钮边框上获得相同的光/影效果吗？

如果你拿出你方便的文档检查器（Windows中的F12），你可以看到Font Awesome已经将他们的字体应用到Bootstrap的按钮上，其中包含如下CSS：

.btn-primary, .btn-success, .btn-warning, .btn-danger, .btn-info {
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

这将添加您所说的文本阴影。边框的样式类似于引导：

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

---

其他变化可能是由于不同的引导版本、覆盖自定义CSS等造成的。

只需问几个问题：#1您的提示会给按钮中的文本带来阴影，而不是边框。怎么做#你说的文件检查员是什么？请注意，我不是前端开发人员，我来自另一边，所以CSS和浏览器工具对我来说完全是个谜。耐心点…别担心。。。我发现是“盒子阴影”干的！现代浏览器（Chrome、Firefox、IE11）内置了非常有用的开发工具。了解如何使用inspector查看将什么CSS应用于特定元素。我想你会发现这是无价的。