2

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

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

*= require _bootstrap
*= require _bootstrap-responsive

这是 js 文件，以防万一有用

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

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

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

4

2 回答 2

2

它完全按照您所说的去做，即创建一个“Bootstrap 样式”按钮并在其中放置一个非 Bootstrap 样式的提交按钮。

尝试简单地将btn类添加到您的提交按钮：

<%= f.submit , :class => "btn" %>
于 2012-07-31T12:05:25.557 回答
0

在引导按钮和按钮样式中，还需要加载引导的 javascript 部分。您可以通过添加以下行来做到这一点：

//= require bootstrap

到您的 app/assets/javascripts/application.js 文件行上方

//= require_tree
于 2012-07-31T11:09:50.943 回答