Objeto de medios de comunicación
Qillqakuna chaymanta ejemplokuna Bootstrap kaqpa willaynikuna objetonpaq ancha kuti kuti componentekuna ruwanapaq blog rimaykuna, tweetkuna chaymanta chaymanhina.
Qatina
Media objeto yanapakun ruwayta complejo chaymanta kuti kuti componentes maypi wakin mediokuna churasqa kanku lado contenido kaqmanta mana nisqa medios muyuriqpi p'istuykusqa. Astawan, kayta ruwan iskay clasekunalla mañasqawan gracias a flexbox.
Uraypiqa huklla willañiqi imayaypa rikch'ayninmi kachkan. Iskay clasekunalla necesitakun —chay p’istu .media
chaymanta .media-body
muyuriqninpi contenidoyki. Opcional acolchado chaymanta margen controlakunman espaciamiento utilidadkunawan .
Medios de comunicación nisqap umalliqnin
Cras tiyay amet nibh libero, en gravida nulla. Nulla vel metus escelerisco ante sollicitudin nisqa. Cras purus odio, vestibulo en vulputado en, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputado nisqa fringilla nisqa. Donec lacinia congue felis nisqa faucibus nisqapi.Flexbug #12: Chiru ukhupi elementokuna mana flex imakuna hinachu qhawasqa
Internet Explorer 10-11 mana inline elementokunata t'inkikuna utaq siq'ikuna hina (utaq ::before
chaymanta ::after
pseudo-elementokuna) flex elementokuna hina ruwanku. Huklla allichayqa mana chiruyuq display
chanita churaymi (kayhina, block
, inline-block
, icha flex
). Yuyaychayku llamk'achiyta .d-flex
, huk qhaway yanapakuyniykumanta , huk mana sasa allichay hina.
Pukyu: Flexbugs GitHub nisqapi
Nido
Media objetokuna mana tukukuyniyuq anidado kanman, ichaqa huk pacha sayachiyta yuyaychayku. Huk tayta willay imayaypa .media
ukhupi anidado nisqa churay ..media-body
Medios de comunicación nisqap umalliqnin
Cras tiyay amet nibh libero, en gravida nulla. Nulla vel metus escelerisco ante sollicitudin nisqa. Cras purus odio, vestibulo en vulputado en, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputado nisqa fringilla nisqa. Donec lacinia congue felis nisqa faucibus nisqapi.Medios de comunicación nisqap umalliqnin
Cras tiyay amet nibh libero, en gravida nulla. Nulla vel metus escelerisco ante sollicitudin nisqa. Cras purus odio, vestibulo en vulputado en, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputado nisqa fringilla nisqa. Donec lacinia congue felis nisqa faucibus nisqapi.Alineación
Huk willaynikuna imayaypi willaynikuna flexbox yanapakuykunawan tupachisqa kanman pataman (ñawpaqmanta), chawpiman utaq tukukuyman .media-body
willayniykimanta.
Patamanta chiqanchasqa willay mast’ariqkuna
Cras tiyay amet nibh libero, en gravida nulla. Nulla vel metus escelerisco ante sollicitudin nisqa. Cras purus odio, vestibulo en vulputado en, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputado nisqa fringilla nisqa. Donec lacinia congue felis nisqa faucibus nisqapi.
Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus y magnis disparuriente montes, nascetur ridiculus mus nisqa.
Chawpiman chiqanchasqa willay mast’ariqkuna
Cras tiyay amet nibh libero, en gravida nulla. Nulla vel metus escelerisco ante sollicitudin nisqa. Cras purus odio, vestibulo en vulputado en, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputado nisqa fringilla nisqa. Donec lacinia congue felis nisqa faucibus nisqapi.
Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus y magnis disparuriente montes, nascetur ridiculus mus nisqa.
Uramanta chiqanchasqa willay mast’ariqkuna
Cras tiyay amet nibh libero, en gravida nulla. Nulla vel metus escelerisco ante sollicitudin nisqa. Cras purus odio, vestibulo en vulputado en, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputado nisqa fringilla nisqa. Donec lacinia congue felis nisqa faucibus nisqapi.
Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus y magnis disparuriente montes, nascetur ridiculus mus nisqa.
Ñiqinchay
Willayta imakuna kaqpi imakunap ordenninta tikray kikin HTML kaqmanta tikraspa, utaq wakin sapanchasqa flexbox CSS yapaspa order
propiedad churanapaq (akllasqayki hunt'asqa yupayman).
Objeto de medios de comunicación
Cras tiyay amet nibh libero, en gravida nulla. Nulla vel metus escelerisco ante sollicitudin nisqa. Cras purus odio, vestibulo en vulputado en, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputado nisqa fringilla nisqa. Donec lacinia congue felis nisqa faucibus nisqapi.Lista de medios de comunicación
Imaraykuchus willaynikuna objeto ancha pisi estructural mañakuyniyuq, kay clasekunata lista HTML elementokunapi llamk'achiy atikunkitaq. Kay <ul>
utaq <ol>
kaqpi, yapay .list-unstyled
mayqin maskaqpa ñawpaqmanta lista estilokuna hurqunapaq, chaymanta sniykiman .media
churay <li>
. Sapa kuti hina, maypipas necesitasqanman hina espaciamiento utilidadkunata llamk’achiy allinta allichanaykipaq.
-
Lista nisqapi ruwasqa willay mast'ariq objeto
Cras tiyay amet nibh libero, en gravida nulla. Nulla vel metus escelerisco ante sollicitudin nisqa. Cras purus odio, vestibulo en vulputado en, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputado nisqa fringilla nisqa. Donec lacinia congue felis nisqa faucibus nisqapi. -
Lista nisqapi ruwasqa willay mast'ariq objeto
Cras tiyay amet nibh libero, en gravida nulla. Nulla vel metus escelerisco ante sollicitudin nisqa. Cras purus odio, vestibulo en vulputado en, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputado nisqa fringilla nisqa. Donec lacinia congue felis nisqa faucibus nisqapi. -
Lista nisqapi ruwasqa willay mast'ariq objeto
Cras tiyay amet nibh libero, en gravida nulla. Nulla vel metus escelerisco ante sollicitudin nisqa. Cras purus odio, vestibulo en vulputado en, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputado nisqa fringilla nisqa. Donec lacinia congue felis nisqa faucibus nisqapi.