Twitter Bootstrap按钮缺少边框？

Question

我在空网站上测试Bootstrap，但我遇到了一个奇怪的问题。

我有一个代码为<a href="#" class="btn">Download</a>的网站文档，它应该是一个很好的渐变按钮，但对我而言，情况并非如此。

按钮为渐变灰色，但没有边框，填充底部和顶部似乎错误。

到左侧 - 我的按钮

到右侧 - 它应该是什么样子

我正在使用bootstrap.css和bootstrap-responsive.css个文件。

任何人都可以告诉我为什么会这样吗？

Answer 1

添加btn-default或任何其他btn-styling css类（enter link description here）：

<a href="#" class="btn btn-default">Download</a>

Answer 2

如果您没有引用除引导程序和引导响应文件之外的其他css文件，那么您应该检查以确保正确引用html文档中的文件（检查html中的链接标记）。

我试图复制这个问题，但它对我来说很好。另外，请确保您下载了完整版本的bootstrap（请记住，您可以自定义bootstrap）。

您可以使用chrome或firefox“Inspect Element”功能或IE中的F12来调试网页，以查看应用的css规则何时来自。

Answer 3

当我将样式表链接更改为“bootstrap.min.css”时，它开始看起来应该如此。 ：o

这可能是我可能的样式表中的错误吗？想想我是否使用最新版本..

但无论如何，现在它的工作方式应该如此。

我只想谈谈Bootstrap btw。我非常喜欢使用Bootstrap，仅用于图形界面图标，按钮，样式和类Bootstrap添加。

Answer 4

检查您正在使用的Bootstrap版本。我刚刚从2-something升级到Bootstrap 3-something，按钮确实看起来与我期待的不同 - 似乎是他们决定的新风格！我个人也喜欢旧式......