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

Question

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

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);
    }

}