I love it!
No other extensions I've seen give you the ability to preview content before making it public (which in my opinion kind of defeats the purpose). This one lets you save kind of a test version and then check it out before you make it live. I love it.
Wonderful tech support, too!
Ref: JED 2013-08-01
Media queries allow for custom CSS based on a number of conditions—ratios, widths, display type, etc—but usually focuses around
- Modify the width of column in our grid
- Stack elements instead of float wherever necessary
- Resize headings and text to be more appropriate for devices
Use media queries responsibly and only as a start to your mobile audiences. For larger projects, do consider dedicated code bases and not layers of media queries.
Bootstrap supports a handful of media queries in a single file to help make your projects more appropriate on different devices and screen resolutions. Here's what's included:
|Label||Layout width||Column width||Gutter width|
|Phones||480px and below||Fluid columns, no fixed widths|
|Phones to tablets||767px and below||Fluid columns, no fixed widths|
|Portrait tablets||768px and above||42px||20px|
|Default||980px and up||60px||20px|
|Large display||1200px and up||70px||30px|