diff options
| author | Chris Rebert <code@rebertia.com> | 2014-02-01 12:26:46 +0400 |
|---|---|---|
| committer | Chris Rebert <code@rebertia.com> | 2014-02-01 12:26:46 +0400 |
| commit | d6f25e13ec4389fcb94ef16cd13eacf4d5aa173b (patch) | |
| tree | 214812b425019a82c5958ba21d6c9de7ebdc0b2b /docs/css.html | |
| parent | 362708acdd1f75bf5ccbcd98dfbb5e005297921b (diff) | |
mv .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 b4eaabe9b5..2a2d500977 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> |