آموزش بوت استرپ
راهنمای جامع و آموزش گام به گام طراحی قالب وبسایت با bootstrap

درباره

قوانین به طور مستقیم به <iframe>، <embed>، <video> و <element> عناصر اعمال می شود. به صورت اختیاری، اگر میخواهید یک ظاهر را برای ویژگیهای دیگر مطابقت دهید، کلاس تکاملی طبقه بندی صحیح از embed-responsive-item. استفاده کنید.

 

مثال 

هر گونه جابجایی را مانند <iframe> در یک عنصر والد با ضریب پذیری embed و نسبت ابعادی قرار دهید. مورد embed-responsive. مورد نیاز نیست، اما ما آن را تشویق می کنیم.

 <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" allowfullscreen></iframe> </div>

 

نسبت ابعاد

نسبت ابعاد را می توان با استفاده از کلاس های اصلاح کننده سفارشی کرد.

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