Another focal point in the email thread was the question of referring to Bootstrap as a framework. That’s accurate enough for sure, but also somewhat limiting depending on how you want to use it. Holistically, Bootstrap certainly is a framework (or toolkit or whatever) for prototyping and building production ready stuff on the web. That said, on an individual component level, Bootstrap is a tool for performing common web development tasks faster and easier.
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.
- 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 is built on responsive 12-column grids, layouts, and components.
- Grid system
- Fluid grid system
- Responsive design
Fundamental HTML elements styled and enhanced with extensible classes.
Dozens of reusable components built to provide navigation, alerts, popovers, and more.
- Dropdown menus
- Button groups
- Button dropdown menus
- Nav: tabs, pills, and lists
- Labels and badges
- Typographic components
- Progress bars
- Media object