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 vote108 views1 answer
Html forms send button
Html
2 votes108 views1 answer
Differences between html and xhtml
Html
0 vote122 views1 answer
Nuxt for add attribute select
Html
1 vote108 views1 answer
Mirror html video element
Html
4 votes104 views4 answers
Autoplay html not working
Html
2 votes114 views2 answers
Material ui width textfield
Html
1 vote123 views1 answer
Form action delete
Html
-1 vote128 views1 answer
Jquery html button
Html
1 vote108 views3 answers
Haml to html
Html
9 votes137 views3 answers
Html with lang
Html