mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-24 14:04:09 +03:00
Code Activity

remove responsive image from css docs page

Browse Source
This commit is contained in:
Mark Otto
2012-11-30 16:42:48 -08:00
parent ebd2215e49
commit 6961b284b6
3 changed files with 2 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/css.html
+1 -11
View File
@@ -2308,16 +2308,6 @@ For example, <code><section></code> should be wrapped as inlin
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</pre>
<h2>About responsive Bootstrap</h2>
<img src="assets/img/responsive-illustrations.png" alt="Responsive devices" style="float: right; margin: 0 0 20px 20px;">
<p>Media queries allow for custom CSS based on a number of conditions&mdash;ratios, widths, display type, etc&mdash;but usually focuses around <code>min-width</code> and <code>max-width</code>.</p>
<ul>
<li>Modify the width of column in our grid</li>
<li>Stack elements instead of float wherever necessary</li>
<li>Resize headings and text to be more appropriate for devices</li>
</ul>
<p>Use media queries responsibly and only as a start to your mobile audiences. For larger projects, do consider dedicated code bases and not layers of media queries.</p>
<h2>Supported devices</h2>
<p>Bootstrap supports a handful of media queries to help make your projects more appropriate on different devices and screen resolutions. Here's what's included:</p>
<table class="table table-bordered table-striped">
@@ -2376,7 +2366,7 @@ For example, &lt;code&gt;&lt;section&gt;&lt;/code&gt; should be wrapped as inlin
<h2>Responsive utility classes</h2>
<p>For faster mobile-friendly development, use these utility classes for showing and hiding content by device. Below is a table of the available classes and their effect on a given media query layout (labeled by device). They can be found in <code>responsive.less</code>.</p>
<p>For faster mobile-friendly development, use these utility classes for showing and hiding content by device. Below is a table of the available classes and their effect on a given media query layout (labeled by device).</p>
<table class="table table-bordered table-striped responsive-utilities">
<thead>
<tr>