diff options
| author | Mark Otto <[email protected]> | 2016-10-31 21:27:56 -0700 |
|---|---|---|
| committer | GitHub <[email protected]> | 2016-10-31 21:27:56 -0700 |
| commit | ffaad0a819c6cf1e21d9a9d313673f9d7a260584 (patch) | |
| tree | b10702ccb1b5f5759ab11c3ae38d03821d14698d /docs/content | |
| parent | 76d53404b552c9870c3d3bf0e1f8976bb3136f13 (diff) | |
| download | bootstrap-ffaad0a819c6cf1e21d9a9d313673f9d7a260584.tar.xz bootstrap-ffaad0a819c6cf1e21d9a9d313673f9d7a260584.zip | |
Responsive display utilities (#20934)
* Explore responsive display utils, but with a twist: lowest breakpoint has no breakpoint modifier in the class name
* make floats use the same format, add float-none mixin
Diffstat (limited to 'docs/content')
| -rw-r--r-- | docs/content/images.md | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/docs/content/images.md b/docs/content/images.md index da342b546..c9323bcf2 100644 --- a/docs/content/images.md +++ b/docs/content/images.md @@ -47,13 +47,13 @@ In addition to our [border-radius utilities]({{ site.baseurl }}/utilities/border Align images with the [helper float classes]({{ site.baseurl }}/utilities/responsive-helpers/#responsive-floats) or [text alignment classes]({{ site.baseurl }}/utilities/typography/#text-alignment). `block`-level images can be centered using [the `.mx-auto` margin utility class]({{ site.baseurl }}/utilities/spacing/#horizontal-centering). <div class="bd-example bd-example-images"> - <img data-src="holder.js/200x200" class="rounded float-xs-left" alt="A generic square placeholder image with rounded corners"> - <img data-src="holder.js/200x200" class="rounded float-xs-right" alt="A generic square placeholder image with rounded corners"> + <img data-src="holder.js/200x200" class="rounded float-left" alt="A generic square placeholder image with rounded corners"> + <img data-src="holder.js/200x200" class="rounded float-right" alt="A generic square placeholder image with rounded corners"> </div> {% highlight html %} -<img src="..." class="rounded float-xs-left" alt="..."> -<img src="..." class="rounded float-xs-right" alt="..."> +<img src="..." class="rounded float-left" alt="..."> +<img src="..." class="rounded float-right" alt="..."> {% endhighlight %} <div class="bd-example bd-example-images"> |