Embeds
Gadzira vhidhiyo inopindura kana masiraidhi embeds zvichienderana nehupamhi hwemubereki nekugadzira reshiyo yemukati inoyera pane chero chishandiso.
About
Mitemo inoshandiswa zvakananga ku <iframe>
,,,, <embed>
uye <video>
zvinhu <object>
; .embed-responsive-item
kana uchida kuenzanisa masitaera ezvimwe zvinhu .
Pro-Tip! Iwe haufanire kuisa frameborder="0"
mune yako <iframe>
sezvo isu tichipfuura izvo kwauri.
Muenzaniso
Putira chero yakadzamirwa sechinhu <iframe>
chemubereki chine .embed-responsive
uye chikamu chechiyero. Izvo .embed-responsive-item
hazvidiwi zvakanyanya, asi tinozvikurudzira.
<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 inogona kugadziridzwa ine modifier makirasi. Nekusagadzika makirasi eyero anotevera anopiwa:
<!-- 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>
Mukati _variables.scss
me, unogona kushandura mareshiyo aunoda kushandisa. Heino muenzaniso $embed-responsive-aspect-ratios
werondedzero:
$embed-responsive-aspect-ratios: (
(21 9),
(16 9),
(4 3),
(1 1)
) !default;