kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases Activity

fix media queries in scaffolding

Browse source
This commit is contained in:
Mark Otto 2012-01-25 09:57:40 -08:00
parent 29b4ba0fc5
commit c381199968
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
docs/scaffolding.html
View file

@ -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) { ... }

4
docs/templates/pages/scaffolding.mustache vendored
View file

@ -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) { ... }