Umi techapyrã oñepyrũ pya’éva

¿Reikotevẽ algunas plantillas pya’e? Ehecháke ko’ã techapyrã tenondegua romoĩva’ekue oñondive:

Cuadrícula por defecto rehegua

Pe sistema cuadrícula por defecto oñemeꞌeva Bootstrap pehẽngue ramo haꞌehína peteĩ cuadrícula 940px ipypuku 16 columna rehegua. Ha'e peteî sabor popular sistema de rejilla 960, pero ndorekóiva margen/acolchado adicional lado izquierdo ha derecho-pe.

Techapyrã marcado cuadrícula rehegua

Ohechaukaháicha koꞌape, ikatu ojejapo peteĩ diseño básico mokõi "columna" reheve, peteĩteĩva oñemosarambíva peteĩ papapy umi 16 columna fundamental rodefinivaꞌekue ore sistema cuadrícula rehegua. Ehecha umi techapyrã oĩva ko’ápe reikuaave hag̃ua mba’eichagua ñemoambue.

<div clase = "fila" > rehegua 
  <div clase = "span6" > rehegua 
    ...
  </div> rehegua
  <div clase = "span10" > rehegua 
    ...
  </div> rehegua
</div> rehegua

Umi columna de anidación rehegua

Emoĩ nde contenido tekotevẽramo emoheñóivo peteĩ .rowpeteĩ columna oĩmava ryepýpe.

Techapyrã umi columna anidado rehegua

<div clase = "fila" > rehegua 
  <div clase = "span12" > rehegua 
    Nivel 1 de columna rehegua
    <div clase = "fila" > rehegua 
      <div clase = "span6" > rehegua 
        Nivel 2 rehegua
      </div> rehegua
      <div clase = "span6" > rehegua 
        Nivel 2 rehegua
      </div> rehegua
    </div> rehegua
  </div> rehegua
</div> rehegua

Embojere nde rejilla tee

Oñemopuꞌa Bootstrap-pe peteĩ pokõi mbaꞌekuaarã oñemboheko hag̃ua sistema cuadrícula 940px ñepyrũrã. Peteĩ personalización michĩmi rupive, ikatu remoambue umi columna tuichakue, icanal ha mbaꞌeryru oikohápe.

Pe rejilla ryepýpe

Umi variable oñeikotevẽva oñemoambue hag̃ua sistema red rehegua koꞌág̃aite opavave oiko variables.less.

Ko'ágã ojejapo haguã personalización

Oñemoambuévo cuadrícula he ise oñemoambue mbohapy @grid-*variable ha oñembojoaju jey umi archivo Less.

Bootstrap oúva equipado omaneha haguã sistema de rejilla orekóva 24 columna peve; pe por defecto haꞌehína 16. Koꞌape ojehecha mbaꞌeichaitépa ojehechavaꞌerã ne mbaꞌekuaarã cuadrícula rehegua oñembohekopyréva peteĩ cuadrícula 24 vore rehegua.

@rejillaColumnas : 24 ;       
@rejillaColumna Ancho : 20px ;   
@rejillaGutterAncho : 20px ;   

Peteĩ jey oñecompila jey, ¡reñemoĩta!

Disposición fija rehegua

Pe ñemohenda ha isãsóva 940px tuichakue, oñecentráva haimete oimeraẽva ñanduti renda térã página ome’ẽva peteĩ <div.container>.

<tete> rehegua
  <div clase = "mba'yru" > 
    ...
  </div> rehegua
</body> rehegua

Disposición de líquido rehegua

Peteĩ estructura página fluida alternativa, flexible orekóva min- ha max-ancho ha peteĩ barra lateral izquierda-pegua. Tuicha mba’e umi aplicación ha docs-pe g̃uarã.

<tete> rehegua
  <div clase = "mba'yru-líquido" > 
    <div clase = "barra lateral" > rehegua 
      ...
    </div> rehegua
    <div clase = "contenido" > rehegua 
      ...
    </div> rehegua
  </div> rehegua
</body> rehegua

Ñe’ẽryru & copia rehegua

Peteĩ jerarquía tipográfica estándar emohenda hag̃ua nde página web.

Pe cuadrícula tipográfica tuichakue oñemopyenda mokõi variable Less rehe ñande variables.less archivo-pe: @basefontha @baseline. Peteĩha haꞌehína base font-size ojeporúva opaite rupi ha mokõiha haꞌehína base line-height.

Jaipuru umi variable, ha michĩmi matemática, jajapo hag̃ua umi margen, acolchado ha línea-altura opaite ñande tipo rehegua ha hetave mbaꞌe.

h1 rehegua. Ñe’ẽryru 1.1

h2 rehegua. Ñe’ẽryru 2.1

h3 rehegua. Ñe’ẽryru 3.1

h4 rehegua. Ñe’ẽryru 4.1

h5 rehegua. Ñe’ẽryru 5 rehegua

h6 rehegua. Ñe’ẽryru 6.1

Techapyrã párrafo

Nullam quis risus eget urna mollis ornare vel eu leo ​​rehegua. Cum sociis natoque penatibus ha magnis umi montes parturiente, nascetur ridiculus mus. Nullam id dolor id nibh ultrices mba'yrumýi ut id elit.

Tembiecharã rubro Oguereko subpartida...

Misc rehegua. umi elemento rehegua

Oipurúvo énfasis, dirección, & abreviatura

<strong> <em> <address> <abbr>

Araka’épa ojepuruva’erã

Umi etiqueta de énfasis ( <strong>ha <em>) ojepuruvaʼerã ohechauka hag̃ua iñimportanteveha térã oñembotuichaveha peteĩ palávra térã fráse oñembojojávo ikopia ijerére. Eipuru <strong>iñimportanteha ha rembotuicha <em>hag̃ua estrés .

Oñemombaʼeguasu peteĩ párrafope

Fusce dapibus , tellus ac cursus commodo , tortor mauris condimentum nibh , ut fermentum masa justo oguapy amet risus. Maecenas faucibus mollis interdum rehegua. Nulla vitae elit libero, peteĩ pharetra augue.

Ñembohysýi: Oĩ porã gueteri ojepuru <b>ha <i>etiqueta HTML5-pe ha natekotevẽi ojehai estilo negrita ha cursiva, peteĩteĩva (jepémo oĩramo peteĩ elemento semánticovéva, eipuru). <b>oje’ese ojehechauka haguã ñe’ẽ térã ñe’ẽjoaju oñembohasa’ỹre importancia adicional, ha katu <i>ha’e hetave ñe’ẽme g̃uarã, término técnico, hamba’e.

Dirección-kuéra rehegua

Pe <address>elemento ojepuru marandu oñemboja hag̃ua ijypykuéra hiꞌaguĩvévape g̃uarã, térã tembiapo retepy tuichakue. Ko’ápe oĩ mokõi techapyrã mba’éichapa ikatu ojeporu:

Ñembohysýi: Káda línea <address>peteĩvape oñemohuꞌavaꞌerã peteĩ línea-break ( <br />) reheve térã oñembojere peteĩ etiqueta nivel de bloque-pe (techapyrã, <p>) oñemohenda porã hag̃ua contenido.

Ñe’ẽ mbykymi

Ñe’ẽ mbyky ha ñe’ẽjoajurãme g̃uarã, eipuru <abbr>etiqueta ( <acronym>ndojepuruvéima HTML5 -pe ). Emoĩ pe formulario taquigrafía etiqueta ryepýpe ha emohenda peteĩ título téra completo-pe g̃uarã.

Umi cita bloque rehegua

<blockquote> <p> <small>

Mba’éichapa ikatu ñacita

Oñemoĩ hag̃ua peteĩ blockquote, embojere <blockquote>ha <p>emoĩ <small>etiqueta. Eipuru <small>elemento ecita hag̃ua nde fuente ha rehupytýta peteĩ em guión —henondépe.

Lorem ipsum dolor oguapy amet, consectetur adipiscing elit. Entero posuere erat peteĩ ante venenatis dapibus posuere velit aliquet rehegua.

Dr. Julio Hibbert rehegua

<bloqueo rehegua>
  <p> Lorem ipsum dolor oguapy amet, consectetur adipiscing elit. Entero posuere erat peteĩ ante venenatis dapibus posuere velit aliquet rehegua. </p> rehegua
  <michĩ> Pohanohára Julio Hibbert </michĩ>
</blockquote> rehegua

Noñeordenáiva<ul>

• Lorem ipsum dolor oguapy amet
• Consectetur adipiscing rehegua elit
• Entero molestie lorem en masa rehegua
• Facilisis en aliquet nisl de pretio rehegua
• Nulla volutpat aliquam rehegua
  • Fasello iaculis neque rehegua
  • Purus sodales ultricies rehegua
  • Vestibulo laoreet porttitor sem rehegua
  • Ac tristique libero volutpat rehegua
• Faucibus porta lacus fringilla vel rehegua
• Aenegua oguapy amet erat nunc
• Eget porttitor lorem rehegua

No estilo rehegua<ul.unstyled>

• Lorem ipsum dolor oguapy amet
• Consectetur adipiscing rehegua elit
• Entero molestie lorem en masa rehegua
• Facilisis en aliquet nisl de pretio rehegua
• Nulla volutpat aliquam rehegua
  • Fasello iaculis neque rehegua
  • Purus sodales ultricies rehegua
  • Vestibulo laoreet porttitor sem rehegua
  • Ac tristique libero volutpat rehegua
• Faucibus porta lacus fringilla vel rehegua
• Aenegua oguapy amet erat nunc
• Eget porttitor lorem rehegua

Oñemanda<ol>

1. Lorem ipsum dolor oguapy amet
2. Consectetur adipiscing rehegua elit
3. Entero molestie lorem en masa rehegua
4. Facilisis en aliquet nisl de pretio rehegua
5. Nulla volutpat aliquam rehegua
6. Faucibus porta lacus fringilla vel rehegua
7. Aenegua oguapy amet erat nunc
8. Eget porttitor lorem rehegua

Techaukahadl

Umi lista descripción rehegua

Peteĩ lista descripción rehegua iporãiterei ojedefini hag̃ua umi término.

Euismod rehegua

Vestibulo id ligula porta felis euismod semper eget lacinia odio sem nec elit rehegua.

Donec id elit ndaha'éiva mi porta gravida eget metus-pe.

Malesuada porta rehegua

Etiam porta sem malesuada magna mollis euismod rehegua.

Código rehegua

<code> <pre>

Pimp nde código estilo-pe mokõi etiqueta simple reheve. Oĩve hag̃ua mba’eporã javascript rupive, eity Google código prettify biblioteca-pe ha reñemohenda.

Opresentávo código

Código, bloque térã fragmento línea-peguánte, ikatu ojehechauka estilo reheve oñembojere rupinte etiqueta oikehápe. Umi bloque código rehegua oñemosarambíva heta línea rehe, eipuru <pre>elemento. Código inline-pe g̃uarã, eipuru pe <code>elemento.

<div> rehegua
  <h1>Akãrapu’ã</h1>
  <p>Mba’e ko’ápe voi...</p>
</div> rehegua

<div> <h1> Ñe’ẽñemi </h1> <p> Mba’e ko’ápe voi... </p> </div>
  
  

Etiquetas en línea rehegua

<span class="label">

Ehenói térã emoĩ bandera oimeraẽ ñe’ẽjoaju nde rete jehaipyrépe.

Etiqueta oimeraẽ mba’e

¡ Araka’eve oikotevẽkuri peteĩva umi lujoso ¡Ipyahúva! térã Umi poyvi iñimportánteva ojehai jave código? Bueno, ko'ágã reguereko umíva. Ko’ápe oĩ mba’épa oike por defecto:

Cuadrícula de medios de comunicación rehegua

Ehechauka taꞌãngamýi michĩva tuichakue iñambuéva umi páhina orekóva HTML huella michĩva ha estilo michĩvéva.

Techapyrã taꞌãngamýi michĩva

Umi taꞌãngamýi michĩva oĩva .media-gridikatu oimehaichagua tuichakue, ha katu ombaꞌapo porãve oñemapa jave directamente sistema cuadrícula Bootstrap incorporado-pe. Taꞌãngamýi ipekue 90, 210 ha 330-icha oñembojoaju mbovymi píxel relleno reheve ojoja hag̃ua .span2, .span4, ha .span6vore tuichakue rehe.

Tuicha

Mbyte

Michĩ

Ocodifica haguã chupekuéra

Umi rejilla medios rehegua ndahasýi ojepuru ha isensíllova pe marcado ykére. Idimensiónkuéra oñemopyenda añoite umi taꞌãngamýi oikevaꞌekue tuichakuére.

<ul clase = "medio-rejilla" > 
  <li> rehegua
    <a href = "#" > Ñe'ẽpoty ha ñe'ẽpoty 
      <img clase = "ta'ãnga'i michĩva" src = "https://qu.m./330x230" alt = "" >   
    </a> rehegua
  </li> rehegua
  <li> rehegua
    <a href = "#" > Ñe'ẽpoty ha ñe'ẽpoty 
      <img clase = "ta'ãnga'i michĩva" src = "https://qu.m./330x230" alt = "" >   
    </a> rehegua
  </li> rehegua
</ul> rehegua

Oñemopu’ãvo mesakuéra

<table> <thead> <tbody> <tr> <th> <td> <colspan> <caption>

Umi mesa tuichaiterei mba’e —heta mba’épe ĝuarã. Umi cuadro tuicháva katu, oikotevẽ peteĩ mborayhu marcado rehegua michĩmi ideprovécho, escalable ha ojelee hag̃ua (nivel código-pe). Koʼápe oĩ unos kuánto konsého ñaipytyvõ hag̃ua.

Akóinte embojere ne vore iñakãrapuꞌa peteĩ <thead>jerarquía haꞌe hag̃ua <thead>> <tr>> <th>.

Ojogua umi vore iñakãrapu’ãvape, opaite ne kundaha retepy mba’ekuaarã oñembojeguava’erã peteĩ <tbody>upéicha ne jerarquía ha’e <tbody>> <tr>> <td>.

Techapyrã: Estilos de tabla por defecto

Opaite cuadro ojeestilavaꞌerã ijeheguiete umi frontera esencial reheve añoite ikatu hag̃uáicha ojelee ha oñemantene estructura. Natekotevẽi oñembojoapy clase térã atributo extra.

<mesa> rehegua
  ...
</tabla> rehegua

Techapyrã: Mesa condensada

Umi cuadro oikotevẽva hetave dato umi espacio ojejokóvape, eipuru pe sabor condensado oikytĩva acolchado mbytépe. Ikatu avei ojepuru ojoajúvo bordes ha zebra-stripes ndive, umi estilo tabla por defecto-icha.

Techapyrã: Tabla frontera rehegua

Ejapo nde mesakuéra ojehecha hag̃ua peteĩ michĩmi iporãve hag̃ua rerredondeávo umi eskína ha remoĩvo umi borde opa ládope.

< clase de mesa = "tabla-frontera" > 
  ...
</tabla> rehegua

Tembiecharã: Cebra-rayado

Ejepy’amongeta’imi nde mesakuéra ndive remoĩvo zebra-rayado —pemoĩnte pe .zebra-stripedclase.

Ñembohysýi: Zebra-striping haꞌehína peteĩ ñembotuichave ohóvo ndojeguerekóiva umi kundahára itujavévape g̃uarã IE8 ha iguýpeguáicha.

< clase de mesa = "rayado cebra" > 
  ...
</tabla> rehegua

Techapyrã: Cebra-rayado w / TableSorter.js

Jaipyhývo techapyrã mboyvegua, ñamoporãve ñande tablakuéra mbaꞌeporã ñameꞌevo tembiaporã ñemohendarã jQuery ha Tablesorter plugin rupive. Emboguejy oimeraẽva vore iñakãrapuꞌa emoambue hag̃ua ñemohenda.

<script src = "js/jporandu/jquery.tablesorter.min.js" ></script> rehegua 
<guio > rehegua 
  $ ( tembiaporã () { . 
    $ ( "tabla#ordenTablaTechapyrã" ). tablesorter ({ lista de ordenación : [[ 1 , 0 ]] });  
  });
</script> rehegua
< clase de mesa = "rayado cebra" > 
  ...
</tabla> rehegua

Umi estilo por defecto rehegua

Opaite formulario-pe oñemeꞌe estilo por defecto opresenta hag̃ua peteĩ tape ojelee ha ojeescala hag̃ua. Oñemeꞌe estilo ojeike hag̃ua jehaipyre, lista jeporavorã, área de texto, radio botón ha casilla de verificación ha botón.

Umi formulario apilado rehegua

Emoĩve .form-stackedne formulario HTML-pe ha reguerekóta etiqueta ijyvyku’i ári ha’e rangue ijasu gotyo. Kóva ombaꞌapo porãiterei ne formulariokuéra mbyky ramo térã reguerekóramo mokõi columna insumo rehegua umi formulario ipohýivevape g̃uarã.

Formulario umi campo tuichakue

Emohenda oimeraẽva formulario input, select, térã textareaipypuku emoĩvo mbovymi mbo’esyry nde marcado-pe.

v1.3.0 guive, romoĩkuri umi clase de tamaño oñemopyendáva cuadrícula-pe umi elemento formulario rehegua. Eipuru ko’ãva umi mbo’esyry .mini, .small, etc oĩmava ári.

Umi botón rehegua

Convención ramo, ojepuru umi botón tembiaporãme g̃uarã ojepuru aja umi enlace mbaꞌekuérape g̃uarã. Techapyrã, "Emboguejy" ikatu ha'e peteĩ mboajepyréva ha "mba'apo nda'aréi ojejapóva" ikatu ha'e peteĩ joajuha.

Opaite botón por defecto peteĩ estilo gris tesape rehegua, ha katu ikatu ojeporu heta clase funcional estilo color iñambuévape g̃uarã. Ko’ã clase-pe oike peteĩ .primaryclase hovy, peteĩ .infoclase hovy sa’yju, peteĩ clase verde .successha peteĩ .dangerclase pytã.

Umi botón techapyrã

Umi estilo botón rehegua ikatu ojeporu oimeraẽ mbaꞌe rehe pe .btnojejapóva reheve. Jepiveguáicha eipuruséta koꞌãva <a>, <button>, ha eiporavo <input>elemento-kuérape añoite. Péicha ojehecha:

Umi tamaño alternado rehegua

¿Reipotaiterei umi botón tuichavéva térã michĩvéva? ¡Eguereko upépe!

Estado discapacitado rehegua

Umi botón noĩriva activo térã oñemboykéva app peteĩ térã ambue mba’ére, eipuru estado desactivado. Upéva ha'e .disabledenlace-kuérape guarã ha :disabledpara<button> elemento-pe g̃uarã.

Enlaces rehegua

Umi botón rehegua

Mba’épa ha’e

Ore barra yvategua ha’e peteĩ barra fija oguerekóva peteĩ página web logotipo térã réra, jeguata tenondegua ha formulario jeheka rehegua.

Ikatu ojepersonaliza

Opaite elemento oĩva hyepýpe, ha opaite barra yvategua avei, haꞌehína opcional. Ikatu eiporavo emoĩ hag̃ua peteĩ logotipo/héra, nav, jeheka ha peteĩ nav mokõiha —térã oimeraẽva upéva ñembojoaju.

Umi dropdown oike

Pe jeguata tenondegua pehẽngue ramo, romoĩkuri mba’ekuaarã ndéve g̃uarã emoĩ hag̃ua mba’e’oka nde jeguatarãme. Ehecháke nav secundario yvate (alineado derecho) rehecha hag̃ua mbaꞌeichaitépa ojejapo. liUmi etiqueta desplegable oipytyvõ avei .activeohechauka hag̃ua página jeporavo ko’áĝagua.

Fichas ha pastillas

Ojapo navegación secundaria simple peteĩ <ul>. Embohasa umi ficha térã pastilla apytépe emoĩvo pe clase ohóva hese.

Tuicha mba’e umi subsección contenido-pe g̃uarã ore cuenta ñemboheko página-icha ha puruhára línea de tiempo oñembohasávo umi página contenido ojoguáva apytépe. Ojeguereko estilo tabbed térã píldora-pe.

Umi ficha básica techapyrã

Umi ficha ikatu ojepuru jeguata jepiguáicha (ojekargávo página okapegua peteĩ ficha-pe) térã área contenido tabla rehegua ramo oñembohasa hag̃ua umi panel contenido rehegua. Oreko peteĩ plugin tabs ikatúva ojepuru oñembojoaju hag̃ua ko ipahaguéva.

• Óga
• Yke
• Marandukuéra
• Ñembohekorã
• Jekuaaverã
• Ñemboguejyha
  • Enlace secundario rehegua
  • Ambue mba’e ko’ápe
  • Ambue enlace

<ul clase = "pestañas" > 
  <li clase = "activo" ><a href = "#" > Óga </a></li>  
  <li><a href = "#" > Ñe’ẽmondo </a></li> 
  <li><a href = "#" > Marandukuéra </a></li> 
  <li><a href = "#" > Ñembohekorã </a></li> 
  <li><a href = "#" > Ñe’ẽmondo </a></li> 
</ul> rehegua

Pastillas básicas techapyrã

• Óga
• Yke
• Marandukuéra
• Ñembohekorã
• Jekuaaverã

<ul clase = "pastillas" > rehegua 
  <li clase = "activo" ><a href = "#" > Óga </a></li>  
  <li><a href = "#" > Ñe’ẽmondo </a></li> 
  <li><a href = "#" > Marandukuéra </a></li> 
  <li><a href = "#" > Ñembohekorã </a></li> 
  <li><a href = "#" > Ñe’ẽmondo </a></li> 
</ul> rehegua

Pan ra’ỹi

Breadcrumb jeguata ojepuru peteĩ tape ramo ojehechauka hag̃ua puruhárape moõpa oĩ peteĩ app térã peteĩ tenda ryepýpe, ha katu ndaha’éi jeguata tenondeguarã.

• Óga

• Tenonderã / .
• Página mbytépe

• Tenonderã / .
• Página mbytegua / .
• Ambue

• Tenonderã / .
• Página mbytegua / .
• Ambue peteĩ / .
• Nde reime ko'ápe

<ul clase = "mbujape rykue" > 
  <li><a href = "#" > Óga </a> <span mbo’esyry = "mboja’o” > / </span></li>   
  <li><a href = "#" > Página mbytegua </a> <span clase = "dividador" > / </span></li>   
  <li><a href = "#" > Ambue </a> <span clase = "dividador" > / </span></li>   
  <li class = "activo" > Nde reime ko’ápe </li> 
</ul> rehegua

Paginación rehegua

Paginación ultra simplista ha mínimamente estilo oñeinspiráva Rdio-pe. Pe bloque tuicháva hasy ojeheja hag̃ua, ndahasýi ojeescala hag̃ua ha omeꞌe área clic tuicháva.

<div clase = "paginación" > rehegua 
  <ul> rehegua
    <li clase = "oñemboyke mboyve" ><a href = "#" > ← Ymaveguaréva </a></li>  
    <li mbo’esyry = "mba’apo” ><a href = "#" > 1 </a></li>  
    <li><a href = "#" > 2 </a></li> Ñe’ẽpoty ha ñe’ẽpoty ñemohenda 
    < li><a href = "#" > 3 Ñe’ẽpoty ha ñe’ẽpoty ryru 
    < li><a href = "#" > 4 ​​Ñe’ẽpoty ha ñe’ẽpoty ñemohenda 
    <li><a href = "#" > 5 </a></li> rehegua 
    <li clase = "oúva" ><a href = "#" > Oúva → </a></li> rehegua  
  </ul> rehegua
</div> rehegua

Alerta básica rehegua

.alert-message

Marandu peteĩ línea rehegua ojehechauka hag̃ua mbaꞌeichaitépa osẽ vai, ikatuha osẽ térã osẽ porã peteĩ tembiapo. Particularmente útil umi formulario-pe guarã.

Ojehupyty pe javascript »

Tembiecharã código

<div class = "alerta-marandu ñe’ẽñemi" > 
  <a clase = "omboty" href = "#" > × </a>  
  <p><strong> ¡Guacamole marangatu! </strong> Iporãvéva cheque yo self, nde ndaha'éi ojehecha porãitereíva. </p> rehegua
</div> rehegua

Ojoko marandukuéra

.alert-message.block-message

Umi marandu oikotevẽvape g̃uarã oñemyesakã’imi, jaguereko alertas estilo párrafo rehegua. Ko’ãva iporãiterei oñembopupu hag̃ua marandu jejavy ipukuvéva rehegua, oñemomarandu hag̃ua peteĩ puruhárape peteĩ tembiaporã pendiente rehegua, térã oñepresenta hag̃uánte marandu oñembotuichave hag̃ua página-pe.

Ojehupyty pe javascript »

Tembiecharã código

<div class = "alerta-marandu bloque-marandu ñe’ẽñemi" > 
  <a clase = "omboty" href = "#" > × </a>  
  <p><strong> ¡Guacamole marangatu! ¡Kóva ningo peteĩ advertencia! </strong> Iporãvéva cheque yo self, nde ndaha'éi ojehecha porãitereíva. Nulla vitae elit libero, peteĩ pharetra augue. Ojekuaa avei ko'ã mba'e ojehúva ko'ã árape. </p> rehegua
  <div clase = "alerta-acción" > 
    <a class = "btn michĩ" href = "#" > Ejapo ko tembiapo </a> <a class = "btn michĩ" href = "#" > Térã ejapo kóva </a>     
  </div> rehegua
</div> rehegua

Modal-kuéra rehegua

Umi modal —ñe’ẽmondo térã tesape’a— iporãiterei umi tembiaporã contextual-pe g̃uarã umi situación iñimportantehápe oñeñangareko contexto fondo rehegua.

Ojehupyty pe javascript »

Tembipururã ñe’ẽmondo

Twipsies ha’e súper útil oipytyvõ haĝua peteĩ usuario confundido ha oapunta haĝua chupekuéra dirección correcta-pe.

Ojehupyty pe javascript »

Popovers rehegua

Eipuru popovers eme’ẽ hag̃ua marandu subtextual peteĩ página-pe oityvyro’ỹre diseño.

Ojehupyty pe javascript »

Ñepyrũrã

Oñembojoaju javascript aranduka’i Bootstrap ndive ha’e súper ndahasýiva. Aguĩve rohasa umi mba’e iñimportantevéva rehe ha rome’ẽ ndéve peteĩ plugin iporãitereíva reñepyrũ hag̃ua!

Ehechakuaa javascript kuatiakuéra »

Mba'épa oike ipype

Egueru tekovépe umi mba’e’oka tenondegua Bootstrap rehegua umi plugin pyahu jeporupyre reheve omba’apóva jQuery ha Ender ndive . Romokyre’ỹ rembohape ha remoambue hag̃ua umíva oike hag̃ua ne remikotevẽ desarrollo específico-pe.

¿Tekotevẽpa javascript?

Nahániri!Bootstrap ojejapo peteĩha ha tenonderãite haꞌe hag̃ua peteĩ CSS aranduka’i. Ko javascript omeꞌe peteĩ capa interactiva básica umi estilo oikevaꞌekue ári.

Ha katu, umi oikotevẽvape g̃uarã javascript, rome’ẽkuri umi plugin yvategua nepytyvõ hag̃ua rentende hag̃ua mba’éichapa ikatu embojoaju Bootstrap javascript ndive ha ome’ẽ hag̃ua ndéve peteĩ opción pya’e ha ligero pe funcionalidad básica-pe g̃uarã pya’e.

Ojeikuaave hag̃ua ha ojehecha hag̃ua peteĩ demostración en vivo, ehecha ore página kuatiañe’ẽ plugin rehegua .