Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- //
- // Responsive: Landscape phone to desktop/tablet
- // --------------------------------------------------
- @media (max-width: 767px) {
- // GRID & CONTAINERS
- // -----------------
- // Remove width from containers
- .container {
- width: auto;
- }
- // Fluid rows
- .row-fluid {
- width: 100%;
- }
- // Make all grid-sized elements block level again
- [class*="span"], .row-fluid [class*="span"] {
- float: none;
- display: block;
- width: 100%;
- margin-left: 0;
- .box-sizing(border-box);
- }
- .span12,
- .row-fluid .span12 {
- width: 100%;
- .box-sizing(border-box);
- }
- }
- [class*="span"], .row-fluid [class*="span"] {
- -moz-box-sizing: border-box;
- display: block;
- float: none;
- margin-left: 0;
- width: 100%;
- }
- @media all and (min-width: 1000px) {
- [class*="span"], .row-fluid [class*="span"] {
- width: 100%;
- }
- }
Add Comment
Please, Sign In to add comment