Bootstrap embed-responsive-4by3

Video bootstrap

<!-- 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>
</div>

<!-- 4:3 aspect ratio -->
<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>

Source: getbootstrap.com

Bootstrap embed-responsive-4by3

codigo fonte teste

Similar codes

0 vote295 views1 answer
Input width doesn't increase automatically
Html
0 vote284 views1 answer
How to back up disk partision
Html
202 votes368 views6 answers
Html space
Html
5 votes293 views2 answers
Display rond logo in angular
Html
2 votes303 views2 answers
Html color gold hex
Html
2 votes290 views4 answers
Youutbe
Html
0 vote301 views1 answer
Balzor onchange
Html
0 vote299 views1 answer
Pre-fill the input with the default domain
Html
1 vote317 views3 answers
Center bootstrap card
Html
-2 votes290 views1 answer
Tags attributes in html
Html