in English

Objeto medios de comunicación rehegua

Kuatiahaipyre ha techapyrã Bootstrap mbaꞌekuaarã medio rehegua omopuꞌa hag̃ua componente ojejapo jey jey hag̃ua haꞌeháicha umi comentario blog rehegua, tuits ha umíchagua.

Tembiecharã

Pe objeto medio rehegua oipytyvõ oñemopuꞌa hag̃ua componente complejo ha ojerepetíva oĩhápe umi medio oñemohendavaꞌekue contenido ykére ndojejokóiva dicho medio rehe. Avei, ojapo kóva mokõi clase oñeikotevẽva reheve añoite gracias a flexbox.

Aguĩve oĩ peteĩ techapyrã peteĩ mbaꞌekuaarã medio rehegua añoite. Mokõi clase añoite oñeikotevẽ —pe envoltura .mediaha pe .media-bodynde contenido jerére. Acolchado ha margen opcional ikatu oñecontrola umi utilidad espaciado rupive .

Placeholder 64x64
Rubro de medios de comunicación rehegua

¿Rejapótapa upéicha cherehehápe? Oguahẽma ára rembohovake haguã música ndaha'evéima nde musa. Ohendu iporãha, ha'e juez ha che mitãkuñakuéra ojapóta voto. Ikatu añandu peteĩ fénix che ryepýpe. Yvága oenvidia ñande mborayhúre, umi ángel hasẽ yvate guive. Heẽ, nde chegueraha utopía-pe.

<div class="media">
  <img src="..." class="mr-3" alt="...">
  <div class="media-body">
    <h5 class="mt-0">Media heading</h5>
    <p>Will you do the same for me? It's time to face the music I'm no longer your muse. Heard it's beautiful, be the judge and my girls gonna take a vote. I can feel a phoenix inside of me. Heaven is jealous of our love, angels are crying from up above. Yeah, you take me to utopia.</p>
  </div>
</div>
Flexbug #12: Umi elemento línea-pegua ndojeguerekói mba’e’oka flex-icha

Internet Explorer 10-11 ndohechaukái umi elemento línea-pegua haꞌeháicha enlace térã taꞌãngamýi (térã ::beforeha ::afterpseudo-elemento) elemento flex ramo. Peteĩ tembiaporã añoite haꞌehína emohenda peteĩ displaymbaꞌekuaarã ndahaꞌeiva línea-pe (techapyrã, block, inline-block, térã flex). Ro’e reipuru hag̃ua .d-flex, peteĩ ore utilidad jehechaukarã , peteĩ ñemyatyrõ ndahasýiva ramo.

Fuente: Flexbugs GitHub-pe

Nidación rehegua

Umi mba’ekuaarã medio rehegua ikatu oñembohysýi opa’ỹre, jepémo ro’e ndéve rejoko hag̃ua peteĩ momento-pe. Emoĩ anidado .mediaryepýpe .media-bodypeteĩ mba’e’oka medio túva rehegua.

Placeholder 64x64
Rubro de medios de comunicación rehegua

Oñembo'y línea de frente-pe oñepyrûvo ho'a umi bomba. Yvága oenvidia ñande mborayhúre, umi ángel hasẽ yvate guive. Ndaikatúi omyengovia peteĩ millón anillo reheve. Mitãkaria'y, reime vove chendive ame'ẽta ndéve peteĩ sabor. Ndaipóri ojevy haguã. Chekuaa mboyve aime porã kuri ha katu umi mba’e ipohýi peteĩcha. Ipohýi pe akã oipurúva pe koróna.

Placeholder 64x64
Rubro de medios de comunicación rehegua

Maitei jahayhúva jajapo peteĩ jeguata. Heẽ, ñambopuka umi ánhelpe, oky yvate guive ko yvy ape ári. Eme’ẽ ndéve peteĩ mba’e iporãva revy’a haĝua. Che aisu’u jepi che ñe’ẽ ha ajoko che pytu. Che ma ohupyty nde korasõ otyryrýva che vaqueros pire-apretado-pe. Aguata aja cheaño peteĩ batida diferente-pe. Verano secundaria rire rojotopa ypy ramo guare. Nde ningo nde hipnotizaiterei, ikatúpa nde haʼe pe aña? ¿Ikatúpa nde haʼe peteĩ ánhel? Oguahẽma ára oguenohẽ haguã umi globo tuicháva. Opensa che ha’eha pe excepción. Bikinis, calabacín, Martinis, no weenies.

<div class="media">
  <img src="..." class="mr-3" alt="...">
  <div class="media-body">
    <h5 class="mt-0">Media heading</h5>
    <p>Standing on the frontline when the bombs start to fall. Heaven is jealous of our love, angels are crying from up above. Can't replace you with a million rings. Boy, when you're with me I'll give you a taste. There’s no going back. Before you met me I was alright but things were kinda heavy. Heavy is the head that wears the crown.</p>

    <div class="media mt-3">
      <a class="mr-3" href="#">
        <img src="..." alt="...">
      </a>
      <div class="media-body">
        <h5 class="mt-0">Media heading</h5>
        <p>Greetings loved ones let's take a journey. Yes, we make angels cry, raining down on earth from up above. Give you something good to celebrate. I used to bite my tongue and hold my breath. I'm ma get your heart racing in my skin-tight jeans. As I march alone to a different beat. Summer after high school when we first met. You're so hypnotizing, could you be the devil? Could you be an angel? It's time to bring out the big balloons. Thought that I was the exception. Bikinis, zucchinis, Martinis, no weenies.</p>
      </div>
    </div>
  </div>
</div>

Alineación rehegua

Umi medio oĩva peteĩ mba’e’oka medio-pe ikatu oñembojoaju flexbox purupyrã ndive nde contenido yvate gotyo (oñemoĩva’ekue), mbytépe térã opakuévo .media-body.

Placeholder 64x64
Umi medio de comunicación alineado yvate gotyo

Che amoĩta chupe peteĩ coma-pe. Reme’ẽ cien razón mba’érepa, ha ere añetehápe reñeha’ãtaha. Upévare aguapy kirirĩháme, aime de akuérdo cortésmente. Oñembosako’ívo che batalla coronadora-pe ĝuarã. Ha che 18 Cumpleaños-pe roguereko tatuaje ojoajúva. Upéicha très chic, heẽ, ha'e peteĩ clásico. Che aime listo pe tape sa’ive ojeguatahápe.

Che aguata hína aire ári (ko pyharépe). Ha katu yvy gotyo. Nde ha'e original, ndaikatúi oñemyengovia. Péro ambue tekovépe che haʼéta ne kuñataĩ. Roguata Cali-pe ha roka’u pe playa-pe. Ikatu jajeroky, ñamano meve, nde ha che, imitãta tapiaite. Ohecha nde centro-pe repurahéivo umi Blues.

<div class="media">
  <img src="..." class="align-self-start mr-3" alt="...">
  <div class="media-body">
    <h5 class="mt-0">Top-aligned media</h5>
    <p>I’m gon’ put her in a coma. You give a hundred reasons why, and you say you're really gonna try. So I sat quietly, agreed politely. Suiting up for my crowning battle. And on my 18th Birthday we got matching tattoos. So très chic, yeah, she's a classic. I am ready for the road less traveled.</p>
    <p>I'm walking on air (tonight). But down to earth. You're original, cannot be replaced. But in another life I would be your girl. We drove to Cali and got drunk on the beach. We can dance, until we die, you and I, will be young forever. Saw you downtown singing the Blues.</p>
  </div>
</div>
Placeholder 64x64
Umi medio de comunicación alineado centro-pe

Ha'e ro'ysãta congelador-icha. Opa mba'e eh-pahápe. Oisu’úvo peteĩ abeja-icha agana che rayakuéra. Bikinis, calabacín, Martinis, no weenies. Aipotaite ningo reguereko peteĩ apetito hesãiva. Ikatu jajeroky, ñamano meve, nde ha che, imitãta tapiaite. Ñande jaiko hína pe tekove. Ore rojapo porã hína. Ñe'ẽ tape rehe, reguereko mba'e rehechauka haguã chéve, chéve.

Ohechase pe espectáculo 3D-pe, peteĩ película. He'i hikuái, kyhyje ndaha'éiha umi ambuéicha, amante futurista. Eipe'a nde py'a. Upévare aguapy kirirĩháme, aime de akuérdo cortésmente. Viernes ohasava'ekuépe pyhare. Heẽ, nde suerte reime ramo iaviõme. Che ha'éta ne jopói, ame'ẽta ndéve mba'e porã revy'a haguã.

<div class="media">
  <img src="..." class="align-self-center mr-3" alt="...">
  <div class="media-body">
    <h5 class="mt-0">Center-aligned media</h5>
    <p>She'll turn cold as a freezer. At the eh-end of it all. Stinging like a bee I earned my stripes. Bikinis, zucchinis, Martinis, no weenies. I hope you got a healthy appetite. We can dance, until we die, you and I, will be young forever. We're living the life. We're doing it right. Word on the street, you got somethin' to show me, me.</p>
    <p class="mb-0">Wanna see the show in 3D, a movie. They say, be afraid you're not like the others, futuristic lover. Open up your heart. So I sat quietly, agreed politely. Last Friday night. Yeah, you're lucky if you're on her plane. I'll be your gift, give you something good to celebrate.</p>
  </div>
</div>
Placeholder 64x64
Medios de comunicación alineados inferiores rehegua

Eju, eheja tojepovyvy nde colorkuéra. Ikatu añandu ko tesape oĩva che ryepýpe. Pyhare pukukue ombopu hikuái, nde purahéi. Tokio guive México peve, Río peve. Ndaipóri ojevy haguã. Ha katu yvy gotyo. Mágico, colorido, Karai Misterio, ee. ADN iñambuéva, ha'ekuéra nontendéi nderehe.

Ha katu yvy gotyo. Ha'e oguereko upéva, je ne sais quoi, nde reikuaa. Ahecha pe jehaipyre oĩva pe parére. Umi mitãkuimba'e oity ijajúra try'na otyryry haguã michĩmi sneak peek. Chegueraha, ta-ta-chegueraha. Eipe'a nde py'a. Opensa che ha’eha pe excepción. Boom, auge, auge. Playa de Venecia ha Palm Springs, verano ha'e opa mba'e. Egueru jey pe batida. (Péicha jajapo)

<div class="media">
  <img src="..." class="align-self-end mr-3" alt="...">
  <div class="media-body">
    <h5 class="mt-0">Bottom-aligned media</h5>
    <p>Come on, let your colours burst. I can feel this light that's inside of me. All night they're playing, your song. From Tokyo to Mexico, to Rio. There’s no going back. But down to earth. Magical, colorful, Mr. Mystery, ee. Different DNA, they don't understand you.</p>
    <p class="mb-0">But down to earth. She's got that, je ne sais quoi, you know it. I can see the writing on the wall. The boys break their necks try'na to creep a little sneak peek. Take me, ta-ta-take me. Open up your heart. Thought that I was the exception. Boom, boom, boom. Venice beach and Palm Springs, summertime is everything. Bring the beat back. (This is how we do)</p>
  </div>
</div>

Hekopete

Emoambue umi mbaꞌekuaarã ñemohenda umi mbaꞌekuaarã medio-pe emoambuévo HTML voi, térã emoĩvo peteĩ CSS flexbox jeporupyre emohenda hag̃ua ordermbaꞌekuaarã (peteĩ papapy entero reiporavóvape).

Objeto medios de comunicación rehegua

Aikuaa oîtaha sacrificio pero upéva ha'e pe precio. ¿Repy’aguasu piko reheja haĝua chéve ahecha nde pavo real? Eiko nde sueño adolescente ko pyharépe. Uh-huh, che rohecha. Ndaipóri ojevy haguã. Heẽ, romax ore tarjeta de crédito ha roñemosẽ pe bar-gui. Upévare ehejami tagueraha ndéve nde traje de cumpleaños-pe. Ikatu reñembotavy reikuaa vove chupe. Oguereko kuri ko mundo nde po jyvape. Ani reheja pe tuichaha ndeguejy, oh, oh heẽ. Ko'ágã ore roñe'ê astrología, ohupyty ore clavo ojapo, opavave japonés-y. Ejapo chéve nde Afrodita.

Placeholder 64x64
<div class="media">
  <div class="media-body">
    <h5 class="mt-0 mb-1">Media object</h5>
    <p>I know there will be sacrifice but that's the price. Are you brave enough to let me see your peacock? Be your teenage dream tonight. Uh-huh, I see you. There’s no going back. Yeah, we maxed our credit cards and got kicked out of the bar. So let me get you in your birthday suit. You may fall in love when you meet her. Had the world in the palm of your hands. Don't let the greatness get you down, oh, oh yeah. Now we talking astrology, getting our nails did, all Japanese-y. Make me your Aphrodite.</p>
  </div>
  <img src="..." class="ml-3" alt="...">
</div>

Lista de medios de comunicación rehegua

Pe objeto medio rehegua oguerekógui saꞌieterei mbaꞌe ojejeruréva estructural rehegua, ikatu avei eipuru koꞌã mboꞌepy umi elemento HTML lista rehegua. Nde <ul>térã -pe <ol>, emoĩ pe .list-unstyledeipe’a hag̃ua oimeraẽva kundahára lista estilo ñepyrũrã, ha upéi eipuru .mediande <li>s-pe. Jepiveguáicha, eipuru umi utilidad espaciado rehegua oñeikotevẽhápe reafina hag̃ua.

  • Placeholder 64x64
    Objeto medio rehegua oñemopyendáva lista-pe

    Opa che mitãkuña vintage Chanel mitã. Upéicha ikatu reguereko nde torta. Ko pyharépe, ko pyharépe, ko pyharépe, aguata hína aire ári. Mbeguekatúpe otragávo che kyhyje, heẽ heẽ. Okakuaa pya’e ha oiko chugui peteĩ aratiri. Péicha haku ha ipohýi, 'Til ko'ẽmbotávo. Upe cuento de hadas oñemohu’ãva peteĩ kavaju’arigua armadura omimbipáva reheve. Ipohýi pe akã oipurúva pe koróna.

  • Placeholder 64x64
    Objeto medio rehegua oñemopyendáva lista-pe

    Ikatu peteĩ mbaʼérepa oñembotypaite umi okẽ. Causa una vez nde ha'e che mba'e, una vez nde ha'e che mba'e. Eiko nde sueño adolescente ko pyharépe. Ipohýi pe akã oipurúva pe koróna. Ndaha'éi ni peteĩ arete, mba'eve ojefesteha haguã. Peteĩ tormenta perfecta, tormenta perfecta.

  • Placeholder 64x64
    Objeto medio rehegua oñemopyendáva lista-pe

    ¿Repy’aguasu piko reheja haĝua chéve ahecha nde pavo real? Ndaipóri ojevy haguã. Kóva ha’e ipahaite ere, línea paha rire reity. Opa mba'e eh-pahápe.

<ul class="list-unstyled">
  <li class="media">
    <img src="..." class="mr-3" alt="...">
    <div class="media-body">
      <h5 class="mt-0 mb-1">List-based media object</h5>
      <p>All my girls vintage Chanel baby. So you can have your cake. Tonight, tonight, tonight, I'm walking on air. Slowly swallowing down my fear, yeah yeah. Growing fast into a bolt of lightning. So hot and heavy, 'Til dawn. That fairy tale ending with a knight in shining armor. Heavy is the head that wears the crown.</p>
    </div>
  </li>
  <li class="media my-4">
    <img src="..." class="mr-3" alt="...">
    <div class="media-body">
      <h5 class="mt-0 mb-1">List-based media object</h5>
      <p>Maybe a reason why all the doors are closed. Cause once you’re mine, once you’re mine. Be your teenage dream tonight. Heavy is the head that wears the crown. It's not even a holiday, nothing to celebrate. A perfect storm, perfect storm.</p>
    </div>
  </li>
  <li class="media">
    <img src="..." class="mr-3" alt="...">
    <div class="media-body">
      <h5 class="mt-0 mb-1">List-based media object</h5>
      <p>Are you brave enough to let me see your peacock? There’s no going back. This is the last time you say, after the last line you break. At the eh-end of it all.</p>
    </div>
  </li>
</ul>