diff options
| author | Jacob Thornton <[email protected]> | 2011-09-02 21:04:25 -0700 |
|---|---|---|
| committer | Jacob Thornton <[email protected]> | 2011-09-02 21:04:25 -0700 |
| commit | 0e13f8dca10ff19397d577b0916a72129183bfeb (patch) | |
| tree | 94840c00948c1b9844be7db18b8c1623100639bd /lib/adaptive.less | |
| parent | b4a84e1e7de1e5448cf9adc61a1a02badec80439 (diff) | |
| parent | 2589c0ac4ecc86feed81cfc5df344e0eb78cda64 (diff) | |
| download | bootstrap-0e13f8dca10ff19397d577b0916a72129183bfeb.tar.xz bootstrap-0e13f8dca10ff19397d577b0916a72129183bfeb.zip | |
Merge branch 'master' of github.com:twitter/bootstrap into js-examples
Conflicts:
bootstrap-1.2.0.css
bootstrap-1.2.0.min.css
lib/patterns.less
lib/scaffolding.less
Diffstat (limited to 'lib/adaptive.less')
| -rw-r--r-- | lib/adaptive.less | 57 |
1 files changed, 57 insertions, 0 deletions
diff --git a/lib/adaptive.less b/lib/adaptive.less new file mode 100644 index 000000000..ef3054d3e --- /dev/null +++ b/lib/adaptive.less @@ -0,0 +1,57 @@ +/* Responsive.less + * Adjusted grid styles to handle some common screen sizes + * ------------------------------------------------------- */ + + +// MOBILE PORTRAIT & LANDSCAPE +// --------------------------- +// For devices narrower than 480px +@media only screen and (max-width: 480px) { + + // Remove fixed width of containers + .container { + width: auto; + padding: 0 10px; + } + + // Undo the floating of columns + .row { + margin-left: 0; + } + .row [class^="span"] { + float: none; + width: 100%; + display: block; + margin-left: 0; + } + + // Stack form elements instead of floating them + fieldset legend { + margin-left: 0; + } + label { + float: none; + width: auto; + text-align: left; + } + div.input { + margin-left: 0; + width: 100%; + } + .input-xxlarge, + input.xxlarge, + textarea.xxlarge, + select.xxlarge { + width: 80%; + } + + // Adjust modal + .modal-backdrop { + padding: 10px; + } + .modal { + width: 100%; + margin: 0; + left: auto; + } +}
\ No newline at end of file |