Media objektua
Bootstrap-en multimedia-objekturako dokumentazioa eta adibideak oso errepikakorrak diren osagaiak eraikitzeko, adibidez, blogaren iruzkinak, txioak eta antzekoak.
Adibidea
Media-objektuak osagai konplexu eta errepikakorrak sortzen laguntzen du , non euskarri batzuk euskarri horien inguruan biltzen ez diren edukien ondoan kokatzen diren. Gainera, beharrezkoak diren bi klaserekin egiten du hori flexbox-i esker.
Jarraian, multimedia-objektu bakar baten adibidea dago. Bi klase baino ez dira behar: biltzea .media
eta .media-body
zure edukia. Aukerako betegarria eta marjina zuriunearen utilitateen bidez kontrola daitezke .
Hedabideen goiburua
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.Flexbug #12: lerroko elementuak ez dira elementu malgu gisa tratatzen
Internet Explorer 10-11-ek ez ditu lerroko elementuak errendatzen estekak edo irudiak (edo ::before
eta ::after
sasi-elementuak) elementu malgu gisa. Konponbide bakarra lerroan ez dagoen display
balio bat ezartzea da (adibidez, block
, inline-block
edo flex
). Gure bistaratzeko utilitateetako.d-flex
bat erabiltzea gomendatzen dugu konponketa erraz gisa.
Iturria: Flexbugs GitHub-en
Habia egitea
Multimedia-objektuak infinituki habiaratu daitezke, nahiz eta uneren batean gelditzea gomendatzen dizugu. Jarri multimedia-objektu nagusi baten .media
barruan habiaratuta..media-body
Hedabideen goiburua
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.Lerrokatzea
Multimedia-objektu bateko multimedia flexbox utilitateekin lerrokatu daiteke zure edukiaren goialdean (lehenetsia), erdian edo amaieran .media-body
.
Goi-lerrotutako euskarriak
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum is natoque penatibus eta magnis parturient montes, nascetur ridiculus mus.
Zentroan lerrokatuta dauden komunikabideak
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum is natoque penatibus eta magnis parturient montes, nascetur ridiculus mus.
Behean lerrokatuta dauden euskarriak
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum is natoque penatibus eta magnis parturient montes, nascetur ridiculus mus.
Agindu
Aldatu multimedia-objektuetako edukiaren ordena HTMLa bera aldatuz edo flexbox CSS pertsonalizatu batzuk gehituz propietatea ezartzeko order
(zuk aukeratutako zenbaki oso batean).
Media objektua
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.Komunikabideen zerrenda
Multimedia-objektuak egitura-eskakizun gutxi dituenez, zerrendako HTML elementuetan ere erabil ditzakezu klase hauek. Zure <ul>
edo <ol>
, gehitu .list-unstyled
arakatzailearen zerrenda-estilo lehenetsiak kentzeko, eta aplikatu .media
zure <li>
s. Beti bezala, erabili tartekatzeko utilitateak behar den lekuan doitzeko.
-
Zerrendan oinarritutako multimedia-objektua
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. -
Zerrendan oinarritutako multimedia-objektua
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. -
Zerrendan oinarritutako multimedia-objektua
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.