diff options
| author | Andres Galante <[email protected]> | 2017-10-03 16:59:39 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-10-03 22:13:00 -0700 |
| commit | f2725a6721f222b084ab96059555ccf3c9fd3464 (patch) | |
| tree | 89300e18f9c5677b1f60a5b7c6f4a6fb5202387a /docs | |
| parent | 742e3a79dd2c7ee9eb2d459bc0de176ce3110e5f (diff) | |
| download | bootstrap-f2725a6721f222b084ab96059555ccf3c9fd3464.tar.xz bootstrap-f2725a6721f222b084ab96059555ccf3c9fd3464.zip | |
#24176 adds a note on the image docs about how to use picture
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/4.0/content/images.md | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/docs/4.0/content/images.md b/docs/4.0/content/images.md index 0bcbe3a03..4601dcc6d 100644 --- a/docs/4.0/content/images.md +++ b/docs/4.0/content/images.md @@ -69,3 +69,15 @@ Align images with the [helper float classes]({{ site.baseurl }}/docs/{{ site.doc <img src="..." class="rounded" alt="..."> </div> {% endhighlight %} + + +## Picture + +If you are using the `<picture>` element to specify multiple `<source>` elements for a specific `<img>`, make sure to add the `.img-*` classes to the `<img>` and not to the `<picture>` tag. + +{% highlight html %} +<picture> + <source srcset="..." type="image/svg+xml"> + <img src="..." class="img-fluid img-thumbnail" alt="..."> +</picture> +{% endhighlight %} |