我想在Bootstrap中更改屏幕大小时更改背景色3

Question

我正在使用引导程序3.我有一个带透明红色背景的标题，但是我想根据屏幕大小更改进行更改。

例如：

• 在LG大小，背景色为红色
• 在SM大小，背景颜色将是粉红色

Answer 1

你可以使用Media Queries

/* Large devices (large desktops, 1200px and up) */ 
@media (min-width: 1200px) { 
    h1 { 
     background: rgba(255, 0, 0, 0.5);  /* transparent red */ 
    } 
} 

/* Anything Smaller than Large */ 
@media (max-width: 1199px) { 
    h1 { 
     background: rgba(255, 192, 203, 0.5); /* transparent pink */ 
    } 
} 

jsFiddle