Twitter bootstrap 3 根据Boot Strap 3中的屏幕大小加载图像

Twitter bootstrap 3 根据Boot Strap 3中的屏幕大小加载图像,twitter-bootstrap-3,Twitter Bootstrap 3,我正在使用Boot Strap 3作为我新的响应式布局。对于我的主页,我有背景图片。请告知如何根据屏幕分辨率使用不同的背景图像。我不能使用响应类。请使用下面的URL查看布局 如果我为不同的屏幕类型创建此结构,我们如何使用Boot Strap 3.0调用它们 多谢各位 莫妮卡你可以。例如: @media (max-width: 979px) { body { background: white url(medium.jpg); } } @media (max

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

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

多谢各位 莫妮卡

你可以。例如:

@media (max-width: 979px) {

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

}

@media (max-width: 767px) {

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

}

你需要尝试不同的东西,在JSBin或Fiddle中发布你的css和html。有很多文档可以找到:@ShawnTaylor:一个好问题。。。您可以访问纯CSS中的断点变量吗?不,但我实际上是想说断点本身:即768px、992px、1200px,以及作为最小宽度,而不是最大宽度。根据。@Swan Taylor,您还应该提到默认设置为最小大小(小于768px)。否则你的链接对我帮助很大=)