Ezali kokɔtisa biloko

Bosala ba embeds ya vidéo to diaporama oyo ezo répondre na kotalela bonene ya moboti na kosala rapport intrinsèque oyo ezo échelle na appareil nionso.

Pene

Mibeko esalelami mbala moko na <iframe>, <embed>, <video>, mpe <object>biloko; optionnellement salela classe ya descendant explicite .embed-responsive-itemtango olingi ko correspondre na styling pona ba attributs misusu.

Pro-Toli ya kosala! Ozali na besoin te ya ko kotisa frameborder="0"na s na yo <iframe>lokola to override yango pona yo.

Ndakisa

Envelopper toute embed lokola <iframe>na na élément parent na .embed-responsivena rapport ya aspect. The .embed-responsive-itemisn't strictly required, kasi tozali kolendisa yango.

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

Ba rapports ya ba aspects

Ba rapports ya aspect ekoki kozala personnalisé na ba classes ya modificateur. Par défaut ba classes ya ratio oyo elandi epesami:

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

Na kati _variables.scssya , okoki kobongola ba aspect ratios oyo olingi kosalela. Talá ndakisa ya $embed-responsive-aspect-ratiosliste yango:

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