fix media queries in scaffolding

diff --git a/docs/scaffolding.html b/docs/scaffolding.html
index 3e2ddf077d0c233cd384a7e537509c8b9666d327..3a903cf5734bcc948b5ec3631f608ba999a0ed79 100644 (file)
--- a/docs/scaffolding.html
+++ b/docs/scaffolding.html
@@ -357,7 +357,7 @@
       <ol>
         <li>Use the compiled responsive version, bootstrap.reponsive.css</li>
         <li>Add @import "responsive.less" and recompile Bootstrap</li>
-        <li>Compile responsive.less as a separate file and include that</li>
+        <li>Modify and recompile responsive.less as a separate</li>
       </ol>
       <p><strong>Why not just include it?</strong> Truth be told, not everything needs to be responsive. Instead of encouraging developers to remove this feature, we figure it best to enable it.</p>
     </div>
@@ -367,7 +367,7 @@
   @media (max-width: 480px) { ... }
 
   // Landscape phone to portrait tablet
-  @media (min-width: 480px) and (max-width: 768px) { ... }
+  @media (max-width: 768px) { ... }
 
   // Portrait tablet to landscape and desktop
   @media (min-width: 768px) and (max-width: 940px) { ... }

diff --git a/docs/templates/pages/scaffolding.mustache b/docs/templates/pages/scaffolding.mustache
index 981c60706dcaac1f483d8fb9d255dc56cc2f5c99..aea8002ad0b24449d5fd12f60483b16918779452 100644 (file)
--- a/docs/templates/pages/scaffolding.mustache
+++ b/docs/templates/pages/scaffolding.mustache
@@ -294,7 +294,7 @@
       <ol>
         <li>{{_i}}Use the compiled responsive version, bootstrap.reponsive.css{{/i}}</li>
         <li>{{_i}}Add @import "responsive.less" and recompile Bootstrap{{/i}}</li>
-        <li>{{_i}}Compile responsive.less as a separate file and include that{{/i}}</li>
+        <li>{{_i}}Modify and recompile responsive.less as a separate{{/i}}</li>
       </ol>
       <p>{{_i}}<strong>Why not just include it?</strong> Truth be told, not everything needs to be responsive. Instead of encouraging developers to remove this feature, we figure it best to enable it.{{/i}}</p>
     </div>
@@ -304,7 +304,7 @@
   @media (max-width: 480px) { ... }
 
   // {{_i}}Landscape phone to portrait tablet{{/i}}
-  @media (min-width: 480px) and (max-width: 768px) { ... }
+  @media (max-width: 768px) { ... }
 
   // {{_i}}Portrait tablet to landscape and desktop{{/i}}
   @media (min-width: 768px) and (max-width: 940px) { ... }