kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases Activity

Add responsive embed class for 1:1 aspect ratio

Browse source 
Closes #18141
This commit is contained in:
Richard Kraaijenhagen 2015-11-23 19:50:38 -08:00 committed by Chris Rebert
parent 569f86051e
commit c960169807
2 changed files with 9 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
docs/components/utilities.md
View file

@ -328,4 +328,9 @@ Aspect ratios can be customized with modifier classes.
<div class="embed-responsive embed-responsive-4by3">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
<!-- 1:1 aspect ratio -->
<div class="embed-responsive embed-responsive-1by1">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
{% endhighlight %}

4
scss/_responsive-embed.scss
View file

@ -33,3 +33,7 @@
.embed-responsive-4by3 {
padding-bottom: percentage(3 / 4);
}
.embed-responsive-1by1 {
padding-bottom: percentage(1 / 1);
}