aboutsummaryrefslogtreecommitdiff
path: root/docs/components/utilities.md
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2015-06-19 16:26:33 -0700
committerMark Otto <[email protected]>2015-06-19 16:26:33 -0700
commitbc29c016b7afefa2a9a42e94efaee58695049285 (patch)
treeac294f7fbc18d4ba8c6b4179b7d1cbeb6481d70b /docs/components/utilities.md
parent8410afe0e104459a613f6232ad46334aa8b99fda (diff)
parent3df2d085ed219a16848b96e90a72fcd5575a5270 (diff)
downloadbootstrap-bc29c016b7afefa2a9a42e94efaee58695049285.tar.xz
bootstrap-bc29c016b7afefa2a9a42e94efaee58695049285.zip
Merge branch 'v4' into v4_builds
Diffstat (limited to 'docs/components/utilities.md')
-rw-r--r--docs/components/utilities.md7
1 files changed, 6 insertions, 1 deletions
diff --git a/docs/components/utilities.md b/docs/components/utilities.md
index 57a5d87b9..f67cb630f 100644
--- a/docs/components/utilities.md
+++ b/docs/components/utilities.md
@@ -296,9 +296,14 @@ Rules are directly applied to `<iframe>`, `<embed>`, `<video>`, and `<object>` e
</div>
{% endexample %}
-Aspect ratios can be customized. There are two available in Bootstrap, 16x9 and 4x3 (two of the most common for video).
+Aspect ratios can be customized with modifier classes.
{% highlight html %}
+<!-- 21:9 aspect ratio -->
+<div class="embed-responsive embed-responsive-21by9">
+ <iframe class="embed-responsive-item" src="..."></iframe>
+</div>
+
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="..."></iframe>