安装Bootstrap灯箱

时间:2016-10-29 23:57:11

标签: ruby-on-rails twitter-bootstrap install lightbox

虽然我可能会因为问这个问题而受到抨击,但我仍然对Rails / Bootstrap很新,我想知道如何为Bootstrap安装 this Lightbox插件。我阅读了文档并安装了说明书,但对于初学者来说,它们非常模糊(IMO)。任何建议或指示都可以!

以下是说明: enter image description here " 获取最新的CSS / JS文件"把它们放在哪里?我不能仅使用application.js将它们链接到//= require X中的项目吗?还是我可以安装的宝石?

" 将它放在您的页面附近,可能靠近正文部分的末尾"我的代码附近?我不应该把这个JS代码放在application.js

1 个答案:

答案 0 :(得分:0)

我快速阅读,这是我的理解

注意!:此版本适用于Bootstrap 4,适用于Bootstrap 3使用较旧版本
下载bootstrap 4/3并添加到您的项目和引导CSS和js链接到页面,就像在普通页面上一样。

从CDN获取最新的CSS / JS文件:https://cdnjs.com/libraries/ekko-lightbox
复制ekko-lightbox的CDN链接,并复制到页面上CSS链接正下方的头部

将它放在您的页面附近,可能靠近正文部分的末尾:
你需要在男孩部分的末尾添加jquery代码 - 注意:你需要下载最新版本的jquery并添加jquery链接,就像你在项目中的普通页面那样做

然后只需将数据切换添加到锚标记。
对于页面中的所有锚标记 - 您需要添加此属性'data-toggle'等等...

希望这会有所帮助,并让您了解如何遵循指示