Как настроить минимальную ширину и максимальную ширину одновременно в twitter-bootstrap 3?

Question

Я хочу, чтобы мой css применялся только между шириной 544px - 768px. Как я могу использовать функцию bootstrap @media для этой цели? Я пытался что-то подобное в следующем примере, но это не сработало:

@media (min-width:544px || max-width:768px) { } 

Answer 1

Использование так:

@media (max-width:768px) and (min-width:544px) { 

}​ 

Answer 2

Это будет работать для вашего дела -

@media all and (max-width: 544px) and (min-width: 768px) {} 

Answer 3

В СМИ синтаксисом запроса будет:

@media screen and (min-device-width: 544px) and (max-device-width: 768px) { 
    //Your CSS here 
}