【问题标题】：How to make an element not load in Bootstrap 2 on phone?如何在手机上的 Bootstrap 2 中不加载元素？
【发布时间】：2017-11-29 12:17:55
【问题描述】：
我有一个使用 Bootstrap 2 的旧网站。在它上面我有一个图片滑块，我想在平板电脑和台式机上加载图片，而不是在手机上（加载的数据太多）。
当我使用 .hidden-phone 类时，Bootstrap 2 使用 display:none 隐藏元素。这意味着它仍然会将所有数据发送到手机，但不会显示。所以它无助于减少加载时间。
有谁知道如何确保该元素没有加载到手机上？最好在 Bootstrap 2 结构中...
谢谢，
汤姆
【问题讨论】：
标签：
css
performance
hide
display
twitter-bootstrap-2
【解决方案1】：
那些 Bootstrap 类只是可见性设置，它们会隐藏图片，但许多浏览器仍然会加载它们。
如果您更喜欢在客户端执行此操作，您可以尝试使用 Bootstrap 可见性类来隐藏您的幻灯片，然后使用其他方法，例如 this，
防止加载幻灯片图像
【解决方案2】：
使用引导程序根本不可能不加载它。 Bootstrap 只能隐藏/显示/修改页面上的元素（毕竟是 CSS）。如果您想阻止加载，则需要在服务器端执行此操作，例如通过确定用户代理并发送正确的页面。
【讨论】：
-
如果是单张图片，我会使用 HTML 标签，但既然不是这样，我必须在服务器端找到一些东西。