Add support for media queries

[rbrady]

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