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

1 vote155 views2 answers
Bootstrap move navlink to left side
Html
14 votes138 views5 answers
How to add telephone number in html
Html
8 votes141 views2 answers
How to add title icon in html
Html
1 vote144 views1 answer
Responsive on small screen but not phone
Html
1 vote192 views1 answer
Git markdown relative link
Html
54 votes165 views6 answers
Html start
Html
1 vote137 views1 answer
Maintenance page html
Html
0 vote141 views1 answer
Custom video player html5 books
Html
2 votes147 views1 answer
Differences between html and xhtml
Html
0 vote142 views1 answer
Remove extra space in code html
Html