rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-10 22:24:19 +01:00
Code Issues Actions Packages Releases Activity

fix responsive media queries to use 979 and 980 where appropro

Browse Source
This commit is contained in:
Mark Otto 2012-02-16 21:08:52 -08:00
parent 0369c1fcfc
commit 489276f5be
5 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
docs/assets/bootstrap.zip
View File

Binary file not shown.

4
docs/assets/css/bootstrap-responsive.css vendored
View File

@ -102,7 +102,7 @@
margin: 0; margin: 0;
} }
} }
@media (min-width: 768px) and (max-width: 980px) { @media (min-width: 768px) and (max-width: 979px) {
.row { .row {
margin-left: -20px; margin-left: -20px;
*zoom: 1; *zoom: 1;
@ -278,7 +278,7 @@
width: 714px; width: 714px;
} }
} }
@media (max-width: 980px) { @media (max-width: 979px) {
body { body {
padding-top: 0; padding-top: 0;
} }

2
docs/scaffolding.html
View File

@ -444,7 +444,7 @@
</tr> </tr>
<tr> <tr>
<td>Landscape tablets</td> <td>Landscape tablets</td>
<td>768px to 980px</td> <td>768px to 979px</td>
<td>42px</td> <td>42px</td>
<td>20px</td> <td>20px</td>
</tr> </tr>

2
docs/templates/pages/scaffolding.mustache vendored
View File

@ -368,7 +368,7 @@
</tr> </tr>
<tr> <tr>
<td>{{_i}}Landscape tablets{{/i}}</td> <td>{{_i}}Landscape tablets{{/i}}</td>
<td>768px to 980px</td> <td>768px to 979px</td>
<td>42px</td> <td>42px</td>
<td>20px</td> <td>20px</td>
</tr> </tr>

4
less/responsive.less
View File

@ -154,7 +154,7 @@
// PORTRAIT TABLET TO DEFAULT DESKTOP // PORTRAIT TABLET TO DEFAULT DESKTOP
// ---------------------------------- // ----------------------------------
@media (min-width: 768px) and (max-width: 980px) { @media (min-width: 768px) and (max-width: 979px) {
// Fixed grid // Fixed grid
#gridSystem > .generate(12, 42px, 20px); #gridSystem > .generate(12, 42px, 20px);
@ -171,7 +171,7 @@
// TABLETS AND BELOW // TABLETS AND BELOW
// ----------------- // -----------------
@media (max-width: 980px) { @media (max-width: 979px) {
// UNFIX THE TOPBAR // UNFIX THE TOPBAR
// ---------------- // ----------------