在Rails项目中添加Bootstrap-Image-Gallery



我找到了这个很好的图像库插件,但我不确定如何将其集成到我的rails项目。

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

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

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

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

好了,现在它在那里,我怎么使用它呢?

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

my current 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

my current 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';

我尝试了各种各样的方法,但是看起来我不明白我刚才在做什么。

希望我能在这里找到一些指导。欢呼声

好了,是时候利用资源管道了,也许有更好的方法,但现在我只是把css, images和js复制到你现有的项目中(现在把它们分开,就像在例子中一样)

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

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

最新更新