如何在引导程序 3 中使用灯箱？答案

【问题标题】：How to use lightbox in bootstrap 3?如何在引导程序 3 中使用灯箱？
【发布时间】：2015-08-31 22:38:09
【问题描述】：

我需要一个内部弹出窗口，所以我打算使用 bootstrap-Lightbox。事实是我关注了这个tutorial，但它似乎不起作用。

我只做了基础：

            <div id="demoLightbox" class="lightbox hide fade"  tabindex="-1" role="dialog" aria-hidden="true">
            <div class='lightbox-content'>
                <img src="/ressources/images/ciel.jpg">

            </div>
        </div>



        <a data-toggle="lightbox" href="#demoLightbox" class=" span2 thumbnail">

            <img src="/ressources/images/ciel.jpg">
        </a>

但是没有弹出，我得到了这些错误：

Uncaught TypeError: Cannot read property 'offsetWidth' of undefined bootstrap.min.js:6
Uncaught TypeError: Object [object Object] has no method 'hideWithTransition'

你知道为什么这不起作用吗？如果你知道为什么你能给我一个我必须做什么的例子吗？提前致谢。

【问题讨论】：

标签： twitter-bootstrap lightbox

【解决方案1】：

最近我尝试了一些方法来使图像显示更友好。无论如何，根据我的经验，我使用了这个 jquery 插件

Lightbox 2 plugin 但是我在管理一个空白 div 时遇到了一些问题，当我更改选择选项时，该 div 不断出现，然后我发现 Fancybox 是解决方案，实际上很容易处理。

Fancybox plugin 你可以找到很多例子，所以我希望这个插件是一个解决方案。

【讨论】：