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 vote170 views1 answer
Axonivy reuseable component
Html
1 vote152 views3 answers
Email
Html
15 votes168 views1 answer
In select option how to make one default
Html
14 votes166 views2 answers
Html change attribute
Html
0 vote194 views3 answers
UnexpectedValueException The stream or file "/var/www/html/storage/logs/laravel.log" could not be opened in append mode: failed to open stream: Permission denied
Html
0 vote172 views1 answer
Html button shortcut key
Html
0 vote176 views1 answer
What is erc721
Html
0 vote163 views1 answer
Html video autosize
Html
9 votes177 views1 answer
Viewport meta tags
Html
11 votes222 views6 answers
Latex vector
Html