Question

我正在尝试将Twitter Bootstrap与'bootstrap-sass'宝石一起使用但由于某种原因，这种行为绝对不正确。

使用class="btn"样式提交按钮判断

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

结果是有引导样式，但它们被用户代理规则覆盖，因此结果是出现在引导程序顶部的标准Chrome按钮...这是我的链接得到：

* HTTP：//hpics.li/9ddcb61

此外，没有改变任何东西（我所做的只是在评论中尝试建议并将其放回原处），现在事情不会浮动但是都是垂直的：

* HTTP：//hpics.li/f7605d0

这是我在Dev Tools中获得的：

* 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之前将它添加到application.css.scss中但没有成功

*= require _bootstrap
*= require _bootstrap-responsive

这是js文件，以防它有用

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

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

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

Answer 1

它正在完成您所说的内容，即创建一个“Bootstrap-styled”按钮并在其中放置一个非Bootstrap样式的提交按钮。

尝试将btn课程添加到提交按钮：

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

Answer 2

在bootstrap按钮和按钮样式中，还需要加载bootstrap的javascript部分。您可以通过添加以下行来执行此操作：

//= require bootstrap

到你的app / assets / javascripts / application.js文件上面

//= require_tree

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

2 个答案: