twitter-bootstrap-3 - 在 Bootstrap 3 中根据屏幕大小加载图像

Question

我正在将 Boot Strap 3 用于我的新响应式布局。对于我的主页，我有背景图片。请建议如何根据屏幕分辨率使用不同的背景图像。我不能使用响应式类。请使用以下 URL 查看布局。

http://idea66.com/mobile/screenshot.png

如果我为不同的屏幕类型创建这个结构，我们如何使用 Boot Strap 3.0 调用它们

谢谢
莫妮卡

Answer 1

您可以拥有 CSS with media queries .例子:

@media (max-width: 979px) {

    body {
        background: white url(medium.jpg);
    }

}

@media (max-width: 767px) {

    body {
        background: white url(small.jpg);
    }

}