获取bootstrap-sass gem和rails以使用现有项目

时间:2012-08-31 03:48:05

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

我正在尝试将bootstrap集成到当前的rails项目中,并且安装难度很大。具体来说,我似乎遇到了javascript的问题。我已经添加到application.js:

// =需要bootstrap

但是我收到以下错误:

enter image description here

这些在bootstrap.js.coffee中引用,我可以通过清除此文件来消除错误。以下是内容:

jQuery ->
  $("a[rel=popover]").popover()
  $(".tooltip").tooltip()
  $("a[rel=tooltip]").tooltip()

有关于加载单个模块的讨论,但我不清楚我是否应该这样做或者我是否需要这样做。 https://github.com/thomas-mcdonald/bootstrap-sass

我真的希望能够为这个当前存在的项目添加bootstrap。任何帮助表示赞赏。

THX

2 个答案:

答案 0 :(得分:1)

您应该确保从Twitter Bootstrap Docs获得bootstrap.js或bootstrap.min.js,然后按照您的要求进行操作。我认为您的问题是您还有另一个名为bootstrap.js.coffee的文件。尝试更改它的名称,并将其与// = require bootstrap一起使用。

答案 1 :(得分:0)

首先是bootstrap requires jQuery。对于Rails,您可以使用提供最新版本jQuery的jquery-rails gem。

然后在application.js内,您可以使用

加载所需的Javascripts
//= require jquery
//= require jquery_ujs
//= require bootstrap

//= require_tree .
//= require_self

正如neon提到的那样,脚本的加载顺序很重要。您应首先加载jquery,然后加载bootstrap。此时,您可以使用require_tree .(可能包含bootstrap.js.coffee)加载当前目录中的所有其他脚本。