Twitter-bootstrap-3 da bir vaqtning o'zida min kenglik va max-widthni qanday sozlash mumkin?

CSS-ning faqat 544px - 768px kengligida qo'llanilishini istayman. Bu maqsadda bootstrap @media xususiyatidan qanday foydalanishim mumkin? Men quyidagi misolda o'xshash biror narsani sinab ko'rdim, lekin u ishlamadi:

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

6 javoblar

Quyidagi tarzda foydalaning:

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

}​
1
qo'shib qo'ydi

Quyidagi tarzda foydalaning:

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

}​
1
qo'shib qo'ydi

Media so'rovi sintaksisi quyidagicha bo'ladi:

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

Media so'rovi sintaksisi quyidagicha bo'ladi:

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

Bu sizning ishingiz uchun ishlaydi -

@media all and (max-width: 544px) and (min-width: 768px) {}
0
qo'shib qo'ydi

Bu sizning ishingiz uchun ishlaydi -

@media all and (max-width: 544px) and (min-width: 768px) {}
0
qo'shib qo'ydi