diff options
| author | Mark Otto <[email protected]> | 2012-11-30 16:42:48 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-11-30 16:42:48 -0800 |
| commit | 6961b284b6680c95dfe1610d7306dab3d4a72052 (patch) | |
| tree | fb07980d97722fde97f38551bcf48f7e13e779c8 /docs | |
| parent | ebd2215e494e77a0da3283c1006a5ac164b8e862 (diff) | |
| download | bootstrap-6961b284b6680c95dfe1610d7306dab3d4a72052.tar.xz bootstrap-6961b284b6680c95dfe1610d7306dab3d4a72052.zip | |
remove responsive image from css docs page
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/assets/img/responsive-illustrations.png | bin | 1008 -> 0 bytes | |||
| -rw-r--r-- | docs/css.html | 12 | ||||
| -rw-r--r-- | docs/templates/pages/css.mustache | 13 |
3 files changed, 2 insertions, 23 deletions
diff --git a/docs/assets/img/responsive-illustrations.png b/docs/assets/img/responsive-illustrations.png Binary files differdeleted file mode 100644 index a4bcbe302..000000000 --- a/docs/assets/img/responsive-illustrations.png +++ /dev/null diff --git a/docs/css.html b/docs/css.html index e9d42fb38..b630123c5 100644 --- a/docs/css.html +++ b/docs/css.html @@ -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—ratios, widths, display type, etc—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, <code><section></code> 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> diff --git a/docs/templates/pages/css.mustache b/docs/templates/pages/css.mustache index 583a55ee2..9ce362de5 100644 --- a/docs/templates/pages/css.mustache +++ b/docs/templates/pages/css.mustache @@ -2252,17 +2252,6 @@ <meta name="viewport" content="width=device-width, initial-scale=1.0"> </pre> - {{! About }} - <h2>{{_i}}About responsive Bootstrap{{/i}}</h2> - <img src="assets/img/responsive-illustrations.png" alt="Responsive devices" style="float: right; margin: 0 0 20px 20px;"> - <p>{{_i}}Media queries allow for custom CSS based on a number of conditions—ratios, widths, display type, etc—but usually focuses around <code>min-width</code> and <code>max-width</code>.{{/i}}</p> - <ul> - <li>{{_i}}Modify the width of column in our grid{{/i}}</li> - <li>{{_i}}Stack elements instead of float wherever necessary{{/i}}</li> - <li>{{_i}}Resize headings and text to be more appropriate for devices{{/i}}</li> - </ul> - <p>{{_i}}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.{{/i}}</p> - {{! Supported }} <h2>{{_i}}Supported devices{{/i}}</h2> <p>{{_i}}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:{{/i}}</p> @@ -2323,7 +2312,7 @@ {{! Responsive utility classes }} <h2>{{_i}}Responsive utility classes{{/i}}</h2> - <p>{{_i}}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>.{{/i}}</p> + <p>{{_i}}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).{{/i}}</p> <table class="table table-bordered table-striped responsive-utilities"> <thead> <tr> |
