How to adjust min-width and max-width simultaneously in twitter-bootstrap 3? - Twitter bootstrap

G246ktuA231
February 22, 2017
220 views
3 votes
3 Answers

I want my css to be applied for only between 544px – 768px width. How can I use bootstrap @media feature on this purpose? I have tried something like in the following example but it didn’t work:

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

Answers

- xitter
- February 22, 2017 at 9:06 am
- 0 votes
0
This will work for your case –
```
@media all and (max-width: 544px) and (min-width: 768px) {}
```
Login or Signup to reply.

- AakashThakur
- February 22, 2017 at 9:06 am
- 0 votes
0
Use like this:
```
@media (max-width:768px) and (min-width:544px) {

}
```
Login or Signup to reply.

- AkashRyan
- February 22, 2017 at 9:06 am
- 0 votes
0
The media query syntax will be:
```
 @media screen and (min-device-width: 544px ) and (max-device-width: 768px) {
   //Your CSS here
 }
```
Login or Signup to reply.