2012-09-13 66 views
0

我试图在一个空的网站上引导,但我有一个奇怪的问题。Twitter Bootstrap按钮缺少边界?

我有一个网站文件的代码<a href="#" class="btn">Download</a>这应该是一个不错的渐变按钮,但对我来说,情况并非如此。

该按钮为渐变灰色,但没有边框,填充底部和顶部看起来不对。

Bootstrap button error

- 我的按钮

- 它是如何应该像

进出口使用的bootstrap.cssbootstrap-responsive.css文件。

任何人都可以告诉我为什么会发生这种情况?

+0

你链接的任何其他CSS文件? – Phil

+0

不,只有两个引导CSS文件。我已经尝试过'btn-group',但是这似乎也是。 :/我不明白它......这不应该开箱即用吗? – midnightsyntax

回答

0

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

我试图复制这个问题,但它对我来说工作正常。另外,请确保您下载了完整版本的引导程序(请记住,您可以自定义引导程序)。

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

0

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

这可能是我可能在样式表中的错误吗?想想即时通讯使用最新版本..

但无论如何,现在它的工作原理就像它应该。

我只是要说一些关于Bootstrap顺便说一句。我真的很喜欢Bootstrap只是用于Bootstrap增加的图形界面图标,按钮,样式和类。

0

检查您正在使用哪个版本的Bootstrap。我只是升级到Bootstrap 3从2的东西,并且按钮确实看起来不同于我期望的 - 这似乎是他们已经决定的新风格!我个人更喜欢老式的,以及...