为什么我的bootstrap-sass规则被用户代理规则覆盖？

我试图使用Twitter Bootstrap与'bootstrap-sass'创业板但由于某种原因，行为是绝对不正确的。为什么我的bootstrap-sass规则被用户代理规则覆盖？

与class="btn"风格像这样

<div class="actions btn"> 
    <%= f.submit %> 
</div>

一个提交按钮判断的结果是，有引导的风格，但它们是由用户代理规则重写，这样的结果是标准Chrome按钮出现在自举一个顶......这是什么，我得到一个链接：

* HTTP：//hpics.li/9ddcb61

此外，在不改变任何东西（我所做的只是尝试在评论中提出建议，并将其作为回应是），现在事情不漂浮，但都是垂直：

* HTTP：//hpics.li/f7605d0

这是我得到开发工具：

* HTTP：/ /hpics.li/db602b0

这是创业板文件

group :assets do 
gem 'sass-rails', '~> 3.2.3' 
gem 'coffee-rails', '~> 3.2.1' 
gem 'bootstrap-sass' 

# See https://github.com/sstephenson/execjs#readme for more supported runtimes 
# gem 'therubyracer', :platforms => :ruby 

gem 'uglifier', '>= 1.0.3' 
end

我有这个里面custom.css.scss文件：

@import "bootstrap"; 
@import "_bootstrap-responsive.scss";

我也试过require_self和require_tree没有成功

*= require _bootstrap 
*= require _bootstrap-responsive

这是js文件的情况下，之前添加此向application.css.scss这将是有益

//= require jquery 
//= require jquery_ujs 
//= require bootstrap 
//= require_tree .

我真的不知道发生了什么，而且我做了railstutorial的书，当我在上面时，一切正常，但在我自己的应用程序，没有任何作品... :(

我不确定我是否提供了所有信息，但可以随时请求！

来源

2012-07-31 Geoffrey Hug

你也许可以某处上传的图片，并张贴的链接。尝试导入“引导响应”;而不是导入“_bootstrap-responsive.scss”; – tmaximini 2012-07-31 11:02:17

更换导入时，我得到一个Sprockets :: FileNotFound – 2012-07-31 11:41:59

它做什么你告诉它，即创建一个“Bootstrap-style”按钮，并在其中放置一个非Bootstrap风格的提交按钮。

尝试只需添加btn类的提交按钮：

<%= f.submit , :class => "btn" %>

来源

2012-07-31 12:05:25 merv

谢谢你是这样的，我想其余的也是我自己引导的不利之处 – 2012-07-31 12:23:31

@GeoffreyHug那么我们都是noobs：那是我写的Rails的第一行代码。 ;） – merv 2012-07-31 15:52:14

啊哈，你解决了我的问题！ Bootstrap真的很棒btw，在一天之内，我已经能够做到这么多。 – 2012-08-01 10:05:36

在引导按钮和按钮样式中，引导程序的javascript部分也需要加载。您可以通过加入这一行做到这一点：

//= require bootstrap

到您的应用程序/资产/ Java脚本/ application.js中的线上面的文件

//= require_tree

来源

2012-07-31 11:09:50 Kael

不幸的是，这行已经存在于我的应用程序中。js文件，我会将该文件的内容添加到帖子中。 – 2012-07-31 11:39:55

为什么我的bootstrap-sass规则被用户代理规则覆盖？

回答

相关问题