Must have for content management
I ran across this component totally by accident. Had it installed and ready to turn the project over to the client when I had a problem with another 3rd party admin template.
An email and literally minutes later I had a response and assistance and the problem was solved.
Sometimes I set up websites with article content already in place for a client. It isn't days before I am having to find the article in the backups and restore it after the formatting and layouts are accidentally overwritten by the client.
To prevent this, I would teach customers to always make copies of articles before editing them. The version control feature alone in this component is priceless and well worth the price. An excellent 2-for-1 offer!
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|