diff options
| author | Chris Rebert <[email protected]> | 2014-02-04 01:00:32 -0800 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2014-02-04 01:00:32 -0800 |
| commit | 9cf9f6c099715538c858e64e537f8fe5c0223691 (patch) | |
| tree | 2e155b6e24c3d7b4e6bfc5d05488e5a34c29bd95 /docs/css.html | |
| parent | 9a01aa2c4489d6cb8624212d1cae492b6fe01df2 (diff) | |
| parent | d6f25e13ec4389fcb94ef16cd13eacf4d5aa173b (diff) | |
| download | bootstrap-9cf9f6c099715538c858e64e537f8fe5c0223691.tar.xz bootstrap-9cf9f6c099715538c858e64e537f8fe5c0223691.zip | |
Merge pull request #12499 from twbs/move-responsive-imgs-sect
move .img-responsive docs from Overview to Images section
Diffstat (limited to 'docs/css.html')
| -rw-r--r-- | docs/css.html | 18 |
1 files changed, 7 insertions, 11 deletions
diff --git a/docs/css.html b/docs/css.html index b4eaabe9b..2a2d50097 100644 --- a/docs/css.html +++ b/docs/css.html @@ -33,12 +33,6 @@ lead: "Global CSS settings, fundamental HTML elements styled and enhanced with e <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> {% endhighlight %} - <h3 id="overview-responsive-images">Responsive images</h3> - <p>Images in Bootstrap 3 can be made responsive-friendly via the addition of the <code>.img-responsive</code> class. This applies <code>max-width: 100%;</code> and <code>height: auto;</code> to the image so that it scales nicely to the parent element.</p> -{% highlight html %} -<img src="..." class="img-responsive" alt="Responsive image"> -{% endhighlight %} - <h3 id="overview-type-links">Typography and links</h3> <p>Bootstrap sets basic global display, typography, and link styles. Specifically, we:</p> <ul> @@ -2337,6 +2331,13 @@ For example, <code><section></code> should be wrapped as inline. <div class="bs-docs-section"> <h1 id="images" class="page-header">Images</h1> + <h2 id="images-responsive">Responsive images</h2> + <p>Images in Bootstrap 3 can be made responsive-friendly via the addition of the <code>.img-responsive</code> class. This applies <code>max-width: 100%;</code> and <code>height: auto;</code> to the image so that it scales nicely to the parent element.</p> +{% highlight html %} +<img src="..." class="img-responsive" alt="Responsive image"> +{% endhighlight %} + + <h2 id="images-shapes">Image shapes</h2> <p>Add classes to an <code><img></code> element to easily style images in any project.</p> <div class="bs-callout bs-callout-danger"> <h4>Cross-browser compatibility</h4> @@ -2352,11 +2353,6 @@ For example, <code><section></code> should be wrapped as inline. <img src="..." alt="..." class="img-circle"> <img src="..." alt="..." class="img-thumbnail"> {% endhighlight %} - - <div class="bs-callout bs-callout-info"> - <h4>Responsive images</h4> - <p>Looking for how to make images more responsive? <a href="#overview-responsive-images">Check out the responsive images section</a> up top.</p> - </div> </div> |