Rails + Twitter Bootstrap - btn-mini btn-小而不改变大小

时间:2012-07-24 13:19:51

标签: ruby-on-rails twitter-bootstrap twitter-bootstrap-rails

想要在表格中使用图标作为删除按钮,如下所示:

<a href="#" class="btn btn-danger btn-mini"><i class="icon-white icon-trash"></i></a>

如果我将此代码粘贴到我的rails应用程序中的普通html页面中,则btn-mini和btn-small似乎没有效果。

当我在http://www.plugolabs.com/twitter-bootstrap-button-generator/上预览此按钮时,它会显示为我所期望的。有谁知道为什么这可能不起作用?我没有任何自定义的css文件加载,只是引导程序。

另外,我正在运行

gem 'bootstrap-sass', '~> 2.0.4.0'

谢谢!

2 个答案:

答案 0 :(得分:0)

我遇到了类似的问题,我的解决方案是改变宝石。你有没有试过改变你的bootstrap宝石?查看this one

答案 1 :(得分:0)

在这里看一下bootstrap-sass源代码:

https://github.com/twbs/bootstrap-sass/blob/master/vendor/assets/stylesheets/bootstrap/_buttons.scss

gem使用Bootstrap 3,因此请使用:

.btn-xs而不是.btn-mini
.btn-sm而不是.btn-small
.btn-lg而不是.btn-large