2 * Bootstrap Responsive v2.0.1
4 * Copyright 2012 Twitter, Inc
5 * Licensed under the Apache License v2.0
6 * http://www.apache.org/licenses/LICENSE-2.0
8 * Designed and built with all the love in the world @twitter by @mdo and @fat.
22 // UP TO LANDSCAPE PHONE
23 // ---------------------
25 @media (max-width: 480px) {
27 // Smooth out the collapsing/expanding nav
29 -webkit-transform: translate3d(0, 0, 0); // activate the GPU
32 // Block level the page header small tag for readability
33 .page-header h1 small {
35 line-height: @baseLineHeight;
38 // Make span* classes full width
40 select[class*="span"],
41 textarea[class*="span"],
45 min-height: 28px; /* Make inputs at least the height of their button counterpart */
46 /* Makes inputs behave like true block-level elements */
47 -webkit-box-sizing: border-box; /* Older Webkit */
48 -moz-box-sizing: border-box; /* Older FF */
49 -ms-box-sizing: border-box; /* IE8 */
50 box-sizing: border-box; /* CSS3 spec*/
52 // But don't let it screw up prepend/append inputs
53 .input-prepend input[class*="span"],
54 .input-append input[class*="span"] {
58 // Update checkboxes for iOS
59 input[type="checkbox"],
61 border: 1px solid #ccc;
64 // Remove the horizontal form styles
65 .form-horizontal .control-group > label {
71 // Move over all input controls and content
72 .form-horizontal .controls {
75 // Move the options list down to align with labels
76 .form-horizontal .control-list {
77 padding-top: 0; // has to be padding because margin collaspes
79 // Move over buttons in .form-actions to align with .controls
80 .form-horizontal .form-actions {
92 @media (max-width: 768px) {
94 body {padding-top: 30px;}
98 // Remove width from containers
99 .container, .container-fluid {
104 .container-fluid .row-fluid {
107 // Undo negative margin on rows
111 // Make all columns even
112 .row > [class*="span"],
113 .container-fluid .row-fluid > [class*="span"] {