Source

singa miaraka

Mamorona horonan-tsarimihetsika mihetsika na sary mihetsika mifototra amin'ny sakan'ny ray aman-dreny amin'ny alàlan'ny famoronana tahan'ny intrinsic izay mizana amin'ny fitaovana rehetra.

About

Ny fitsipika dia ampiharina mivantana amin'ny <iframe>, <embed>, <video>, ary <object>singa; raha tsy izany dia ampiasao kilasy taranaka mibaribary .embed-responsive-itemrehefa te hampifanaraka ny styling amin'ny toetra hafa ianao.

Pro-Tip! Tsy mila ampidirinao frameborder="0"ao amin'ny <iframe>s anao fa fehezinay ho anao izany.

OHATRA

Fenoy ny zavatra rehetra toy ny <iframe>singa ao amin'ny ray aman-dreny miaraka .embed-responsiveamin'ny aspect ratio. Tsy .embed-responsive-itemtena takiana ilay izy, fa mamporisika izany izahay.

<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

Aspect ratios dia azo amboarina amin'ny kilasy modifier. Amin'ny alàlan'ny default dia omena ireto kilasy manaraka ireto:

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

Ao anatin'ny _variables.scss, azonao atao ny manova ny tahan'ny lafiny tianao hampiasaina. Ity misy ohatra iray amin'ny $embed-responsive-aspect-ratioslisitra:

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