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 vote195 views2 answers
Side by side tables in bootstrap
Html
0 vote298 views6 answers
Replace all in react js
Html
15 votes181 views4 answers
Cdn material design icons
Html
1 vote196 views1 answer
Boostrap 5 css link
Html
0 vote215 views1 answer
How to do auto download when you click on a link
Html
1 vote147 views1 answer
Pagination in tailwind css
Html
81 votes216 views6 answers
Bootstrap center
Html
1 vote255 views1 answer
Submit input html
Html
10 votes212 views2 answers
How to add lazy loading in html
Html
0 vote307 views2 answers
Select all text of input onclick
Html