将Bootstrap-Image-Gallery添加到Rails项目中

时间:2012-12-23 18:02:48

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

我为Bootstrap找到了这个漂亮的图库插件,但我不知道如何将它集成到我的rails项目中。

https://github.com/blueimp/Bootstrap-Image-Gallery

我想我可以使用Rails(3.1)供应商的文件夹。

这就是我所做的。我将这些文件克隆到vendor / assets文件夹中:

git clone https://github.com/blueimp/Bootstrap-Image-Gallery.git 

好的,现在就在那里,我该如何使用它?

如何在我的应用程序中加载这些资源?

我当前的application.js:

//= require jquery
//= require jquery_ujs
//= require_tree .
//= require bootstrap
//= require dzscalendar.js
//= require dzstooltip.js
//= require bootstrap-datepicker
//= require gmaps4rails/gmaps4rails.base
//= require gmaps4rails/gmaps4rails.googlemaps

我目前的application.css:

/*
 *= require_self
 *= require_tree . 
 *= require bootstrap-datepicker
*/


@import "bootswatch/cerulean/variables";
@import "bootstrap";
@import "bootswatch/cerulean/bootswatch";

@import "dzscalendar.css.scss";
@import "dzstooltip.css.scss";
@import "gmaps4rails";
@import 'font-awesome';

我尝试了各种各样的事情,但看起来我不明白我现在在做什么。

希望我能在这里找到一些指导。干杯

2 个答案:

答案 0 :(得分:1)

好的,在这里利用资产管道的时间,可能有更好的方法来做到这一点但是现在我只是将css,图像和js复制到你现有的项目中(让他们分开现在就像在例如)

然后在您的视图中,您可以自由添加您的HTML(如示例中所示)

答案 1 :(得分:0)

请参阅https://github.com/kristianmandrup/bootstrap-addons-rails,它是您在Gemfile中包含的随时可用的gem,因此您可以使用资产管道来要求图库。