rbrady/django-bootstrapped — Issue #3: Add support for media queries
Author: rbrady
Created: 2012-01-13 23:30:05+00:00
State: open

Bootstrap supports a handful of media queries to help make your projects more appropriate on different devices and screen resolutions. Media queries allow for custom CSS based on a number of conditions—ratios, widths, display type, etc—but usually focuses around min-width and max-width.

Bootstrap doesn't automatically include these media queries, but understanding and adding them is very easy and requires minimal setup. You have a few options for including the responsive features of Bootstrap:

Options for use:
Use the compiled responsive version, bootstrap.reponsive.css
Add @import "responsive.less" and recompile Bootstrap
Compile responsive.less as a separate file and include that