我在一个空的网站上测试 Bootstrap,但我有一个奇怪的问题。
我有一个网站文档,其中的代码<a href="#" class="btn">Download</a>
应该是一个不错的渐变按钮,但对我来说,情况并非如此。
按钮是渐变灰色,但没有边框,底部和顶部的填充似乎是错误的。
向左- 我的按钮
向右- 它应该是什么样子
我正在使用bootstrap.css
和bootstrap-responsive.css
文件。
谁能告诉我为什么会这样?
我在一个空的网站上测试 Bootstrap,但我有一个奇怪的问题。
我有一个网站文档,其中的代码<a href="#" class="btn">Download</a>
应该是一个不错的渐变按钮,但对我来说,情况并非如此。
按钮是渐变灰色,但没有边框,底部和顶部的填充似乎是错误的。
向左- 我的按钮
向右- 它应该是什么样子
我正在使用bootstrap.css
和bootstrap-responsive.css
文件。
谁能告诉我为什么会这样?
添加 btn-default 或任何其他 btn-styling css 类(在此处输入链接描述):
<a href="#" class="btn btn-default">Download</a>
如果您没有引用除 bootstrap 和 bootstrap-responsive 文件之外的其他 css 文件,那么您应该检查以确保您正确引用了 html 文档中的文件(检查 html 中的 Link 标签)。
我试图复制这个问题,但它对我来说很好。另外,请确保您下载了完整版的引导程序(请记住,您可以自定义引导程序)。
您可以使用 chrome 或 firefox 的“Inspect Element”功能或 IE 中的 F12 来调试网页,以查看所应用的 css 规则来自何时。
当我将样式表链接更改为“bootstrap.min.css”时,它开始看起来应该如此。:O
这可能是我拥有的样式表中的错误吗?认为我正在使用最新版本..
但无论如何,现在它应该像它一样工作。
我只需要说一些关于 Bootstrap 的事情。我真的很喜欢将 Bootstrap 用于 Bootstrap 添加的图形界面图标、按钮、样式和类。
检查您使用的 Bootstrap 版本。我刚刚从 2-something 升级到 Bootstrap-3-something,并且按钮看起来确实与我预期的不同 - 这似乎是他们决定的新风格!个人比较喜欢老款。。。