ايمبيڊس

والدين جي چوٽي جي بنياد تي جوابي وڊيو يا سلائڊ شو ايمبيڊس ٺاهيو هڪ اندروني تناسب ٺاهي جيڪو ڪنهن به ڊوائيس تي ماپ ڪري ٿو.

بابت

ضابطا سڌو سنئون لاڳو ٿين ٿا <iframe>, <embed>, <video>, and <object>عناصر؛ اختياري طور تي هڪ واضح نسلي ڪلاس استعمال ڪريو .embed-responsive-itemجڏهن توهان ٻين خاصيتن لاءِ اسٽائل سان ملائڻ چاهيو ٿا.

پرو-ٽيپ! frameborder="0"توهان کي توهان جي ايس ۾ شامل ڪرڻ جي ضرورت ناهي <iframe>جيئن اسان توهان جي لاء ان کي ختم ڪريون ٿا.

مثال

ڪنهن به ايمبيڊ کي لفاف ڪريو جهڙوڪ هڪ <iframe>والدين عنصر ۾ .embed-responsive۽ هڪ پاسو تناسب سان. .embed-responsive-itemسختي سان گهربل ناهي، پر اسان ان کي حوصلا افزائي ڪريون ٿا .

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

پاسو تناسب

Aspect ratios modifier ڪلاسن سان ترتيب ڏئي سگھجن ٿا. ڊفالٽ طور هيٺ ڏنل تناسب ڪلاس مهيا ڪيا ويا آهن:

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

اندر اندر _variables.scss، توھان تبديل ڪري سگھو ٿا پہلو تناسب جيڪي توھان استعمال ڪرڻ چاھيو ٿا. $embed-responsive-aspect-ratiosهتي فهرست جو هڪ مثال آهي :

$embed-responsive-aspect-ratios: (
  (21 9),
  (16 9),
  (4 3),
  (1 1)
) !default;