About You You’re having a really good time? Who this Talk is geared towards: People not yet using Bootstrap Who Bootstrap is geared towards: Teams without a dedicated designer Sites that are not doing anything on the front end
Responsive Design Tautologically: Responds to Environment Get information about environment through Media Queries <br/>/* Extra small devices (phones, less than 768px) */<br/>/* No media query since this is the default in Bootstrap */<br/>/* Small devices */<br/>@media (min-width: 768px) { /*...*/ }<br/>/* Medium devices */<br/>@media (min-width: 992px) { /*...*/ }<br/>/* Large devices */<br/>@media (min-width: 1200px) { /*...*/ }<br/> http://getbootstrap.com/css/#grid-media-queries
Mobile First The Ted Williams of Responsive Design Patterns Historically - slapping on a couple of media queries and disabling features Graceful Degradation Progressive Enhancement ✓