jQuery/Bootstrap 组合仅适用于桌面上的模态答案

【问题标题】：jQuery/Bootstrap Portfolio only works with modal on desktopjQuery/Bootstrap 组合仅适用于桌面上的模态
【发布时间】：2014-06-20 22:22:22
【问题描述】：

我已经结合了这个主题blacktie theme的模态

可在此处找到可过滤的 jquery 库filterable jquery portfolio

我的问题是它在台式机上运行良好，但在平板电脑或移动设备上运行良好。我想要可过滤投资组合的功能，但需要第一个主题的弹出类别和模式。

我已将它从我的电脑上加载到本地服务器test site。我认为问题在于可过滤的 jquery 组合使用 prettyphoto 来调用我在标记中没有使用的“覆盖”类。我使用了第一个主题组合中的网格掩码类。关于如何让它在移动设备和平板电脑分辨率上工作的任何想法？

谢谢

【问题讨论】：

请在您的问题中包含相关代码。 stackoverflow.com/help/how-to-ask
我想我可能已经想通了。我尝试使用投资组合图像向模态添加另一个链接。所以现在我的标题从桌面上的图像底部弹出，但现在在移动设备上，我只需单击图像本身即可显示模式。

标签： javascript jquery html twitter-bootstrap prettyphoto

【解决方案1】：

我用这个包裹了我的一个投资组合图像，现在当我在移动设备上按下图像时它可以工作。

<figure>
                    <a data-toggle="modal" href="#myModal">
                        <img class="img-responsive" src="assets/img/portfolio/folio01.jpg" alt=""></a>
                        <figcaption>
                            <h5>WEB DESIGN</h5>
                            <a data-toggle="modal" href="#myModal" class="btn btn-primary btn-lg">View</a>
                        </figcaption><!-- /figcaption -->
                  </figure><!-- /figure -->

【讨论】：