Umi Ñe’ẽryru

Opaite HTML vore, <h1>rupive <h6>ojeguereko.

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

Tete rekoha

Bootstrap mbaꞌekuaarã atyguasu rehegua haꞌehína font-size14px , peteĩ 20pxline-height reheve . Péva ojeporu pe ha opaite párrafope. Avei, (párrafokuéra) ohupyty peteĩ margen inferior la mitad ilínea-altura-gui (10px por defecto).<body><p>

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 rehegua.

Cum sociis natoque penatibus ha magnis umi montes parturiente, nascetur ridiculus mus. Donec ullamcorper nulla ndaha'éiva metus auctor fringilla rehegua. Duis mollis, est no comodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit rehegua. Donec ullamcorper nulla ndaha'éiva metus auctor fringilla rehegua.

Maecenas sed diam eget risus varius blandit oguapy amet ndaha'éiva magna. Donec id elit ndaha'éiva mi porta gravida eget metus-pe. Duis mollis, est no comodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit rehegua.

<p> ... </p> rehegua

Plomo cuerpo copia rehegua

Ejapo peteĩ párrafo ojehecharamovéva remoĩvo .lead.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor rehegua. Duis mollis, est ndaha'éiva commodo luctus rehegua.

<p clase = "motenonde" > ... </p>

Oñemopu’ã Sa’ive reheve

Pe escala tipográfica oñemopyenda mokõi variable LESS rehe umi variable- pe.less : @baseFontSizeha @baseLineHeight. 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 alguna matemática simple jajapo hag̃ua umi margen, acolchado ha línea-altura opaite ñande tipo rehegua ha hetave mbaꞌe. Emohenda chupekuéra ha Bootstrap ojeadapta.

Mbojekuaaverã

Eipuru HTML etiqueta énfasis rehegua por defecto umi estilo ligero reheve.

`<small>`

Ojedesénfasis hag̃ua en línea térã bloque de texto, eipuru etiqueta michĩva.

Ko línea de texto ojejapo ojeguereko haguã letra fina ramo.

<p> <michĩ> Ko jehaipyre vore ojejapo ojeguereko hag̃ua letra fina ramo. </michĩ> </p>

Iñakuã

Oñemomba’eguasu hag̃ua peteĩ jehaipyre pehẽngue orekóva peteĩ font-peso ipohýiveva.

Ko jehaipyre pehẽngue oúva ojehechauka jehaipyre hũva ramo .

<strong> oñembohasa jehaipyre hũvaicha </strong>

Kursiva

Oñemomba’eguasu haguére peteĩ jehaipyre pehẽngue cursiva reheve.

Ko jehaipyre pehẽngue oúva ojehechauka jehaipyre cursiva ramo .

<em> oñembohasáva jehaipyre cursiva ramo </em>

¡Akã yvate!Eñeñandu porã eipuru hag̃ua <b>ha <i>HTML5-pe. <b>oje’ese ojehechauka haguã ñe’ẽ térã ñe’ẽjoaju ombohasa’ỹre importancia adicional ha <i>katu hetavehápe ñe’ẽ, término técnico, hamba’e rehegua.

Umi clase de alineación rehegua

Emohenda jey jehaipyre ndahasýiva umi componente orekóva clase alineación jehaipyre rehegua.

Texto alineado izquierda-pe.

Texto alineado centro-pe.

Jehaipyre oñemohenda porãva akatúa gotyo.

<p class = "texto-izquierda" > Jehaipyre oñembojoajúva ijasu gotyo. </p> rehegua 
<p class = "text-center" > Jehaipyre oñembohekopyréva mbytépe. </p> rehegua 
<p class = "text-right" > Jehaipyre oñemohenda porãva akatúa gotyo. </p> rehegua

Umi clase de énfasis rehegua

Ombohasa significado color rupive peteî puñado de clases de utilidad énfasis reheve.

Fusce dapibus, tellus ac maldición commodo, tortor mauris nibh rehegua.

Etiam porta sem malesuada magna mollis euismod rehegua.

Donec ullamcorper nulla ndaha'éiva metus auctor fringilla rehegua.

Eneano eu leo quam rehegua. Pelentesco ornare sem lacinia quam venenatis rehegua.

Duis mollis, est no commodo luctus, nisi erat ligula rehegua.

<p clase = "mudo" > Fusce dapibus, tellus ac maldición commodo, tortor mauris nibh rehegua. </p> rehegua 
<p class = "texto-advertencia" > Ñe'ẽpoty ha ñe'ẽpoty ñemohenda. </p> rehegua 
<p clase = "jehaipyre-jejavy" > Donec ullamcorper nulla ndaha'éiva metus auctor fringilla. </p> rehegua 
<p clase = "texto-info" > Eneano eu leo quam rehegua. Pelentesco ornare sem lacinia quam venenatis rehegua. </p> rehegua 
<p clase = "texto-éxito" > Duis mollis, est no comodo luctus, nisi erat porttitor ligula rehegua. </p> rehegua

Ñe’ẽ mbykymi

Implementación estilizada HTML <abbr>elemento rehegua umi abreviatura ha acrónimo-pe g̃uarã ohechauka hag̃ua versión oñembotuicháva hover-pe. Umi abreviatura oguerekóva peteĩ titleatributo oguereko peteĩ borde inferior punteado tesape ha peteĩ cursor pytyvõrã hover-pe, omeꞌeva contexto adicional hover-pe.

`<abbr>`

Jehaipyre oñembotuichávape g̃uarã peteĩ abreviatura jere pukukue rehegua, emoĩ titleatributo.

Peteĩ ñe’ẽ atributo ñemombyky ha’e attr .

<abbr título = "atributo" > attr </abbr> rehegua

`<abbr class="initialism">`

Emoĩ .initialismpeteĩ ñemombykype peteĩ font-size michĩmivévape g̃uarã.

HTML ha’e pe mba’e iporãvéva mbujape oñembojy guive.

<abbr title = "Ñe’ẽñemi ñe’ẽñemi jehaipyrépe" class = "ñepyrũrã" > HTML </abbr>

Dirección-kuéra rehegua

Opresenta marandu oñemboja haguã ypy hi’aguĩvévape g̃uarã térã tembiapo retepy tuichakue javeve.

`<address>`

Eñongatu formato emohu’ãvo opaite línea <br>.

Ojekuaa avei ko'ã mba'e ojehúva ko'ã árape . 795
Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890

Héra
tee [email protected]

<dirección> rehegua
  <strong> Twitter, Inc. rehegua </strong><br>
  795 Folsom Ave, Suite 600 rehegua
  San Francisco, CA 94107 ha ambuekuéra
  <abbr título = "Teléfono" > P: </abbr> (123) 456-7890. Ñe'ẽpoty ha ñe'ẽpoty ñemohenda 
</dirección> rehegua
 
<dirección> rehegua
  <strong> Héra tee </strong><br>
  <a href = "mailto:#" > peteĩha.paha@techapyrã.com </a> 
</dirección> rehegua

Umi cita bloque rehegua

Oñecita haguére umi bloque de contenido ambue fuente-gui nde kuatia ryepýpe.

Ñe’ẽjoajuha ñepyrũrã

Embojere <blockquote>oimeraẽ HTML rehe cita ramo. Umi cita recta-pe g̃uarã romomarandu peteĩ <p>.

Lorem ipsum dolor oguapy amet, consectetur adipiscing elit. Entero posuere erat peteĩ ante.

<bloqueo rehegua>
  <p> Lorem ipsum dolor oguapy amet, consectetur adipiscing elit. Entero posuere erat peteĩ ante. </p> rehegua
</blockquote> rehegua

Umi opción bloqueo rehegua

Estilo ha contenido ñemoambue umi variación simple-pe g̃uarã peteĩ blockquote estándar-pe.

Ombohéra peteĩ fuente

Oñemoĩve <small>etiqueta ojekuaa hag̃ua pe fuente. Embojere tembiapo ypykue réra <cite>.

Lorem ipsum dolor oguapy amet, consectetur adipiscing elit. Entero posuere erat peteĩ ante.
Alguien famoso en Título de Fuente

<bloqueo rehegua>
  <p> Lorem ipsum dolor oguapy amet, consectetur adipiscing elit. Entero posuere erat peteĩ ante. </p> rehegua
  <small> Peteĩ tapicha herakuãitéva <cite title = "Fuente Título" > Fuente Título </cite></small> 
</blockquote> rehegua

Umi jehechaukaha alternado rehegua

Eipuru .pull-rightpeteĩ blockquote otyryrývape g̃uarã, oñemboheko porãva akatúa gotyo.

Lorem ipsum dolor oguapy amet, consectetur adipiscing elit. Entero posuere erat peteĩ ante.
Alguien famoso en Título de Fuente

<blockquote clase = "ojegueraha-derecha" > 
  ...
</blockquote> rehegua

Umi lista rehegua

Noñeordenáiva

Peteĩ lista umi mba’e rehegua pe orden noimportáiva explícitamente.

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

<ul> rehegua
  <li> ... </li> rehegua
</ul> rehegua

Oñemanda

Peteĩ lista umi mba’e rehegua oguerekóvape pe orden oimporta explícitamente.

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
Faucibus porta lacus fringilla vel rehegua
Aenegua oguapy amet erat nunc
Eget porttitor lorem rehegua

<ol> rehegua
  <li> ... </li> rehegua
</ol> rehegua

No estilo rehegua

Eipeꞌa acolchado por defecto list-styleha izquierda umi elemento lista rehegua (mitãnguéra pyaꞌete añoite).

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

<ul clase = "ndaha'éiva estilo" > 
  <li> ... </li> rehegua
</ul> rehegua

En línea rehegua

Emoĩ opaite mba’e lista rehegua peteĩ línea-pe inline-blockha michĩmi acolchado tesape reheve.

Lorem ipsum rehegua
Fasello iaculis rehegua
Nulla volutpat rehegua

<ul clase = "en línea" > 
  <li> ... </li> rehegua
</ul> rehegua

Techaukaha

Peteĩ lista umi término rehegua oguerekóva umi descripción ojoajúva hese.

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.

<dl> rehegua
  <dt> ... </dt> rehegua
  <dd> ... </dd> rehegua
</dl> rehegua

Descripción horizontal rehegua

Ejapo umi término ha descripción oĩva <dl>fila-pe ojoykére.

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.
Felis euismod semper eget lacinia rehegua: Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum masa justo oguapy amet risus.

<dl clase = "dl-horizontal" > rehegua 
  <dt> ... </dt> rehegua
  <dd> ... </dd> rehegua
</dl> rehegua

¡Akã yvate!Umi lista descripción horizontal ombotýta umi término ipukuetereíva oike hag̃ua columna izquierda ñemyatyrõme text-overflow. Umi jehechaukaha ijyvyku’ivévape, oñemoambuéta hikuái pe ñemohenda apilado por defecto-pe.

En línea rehegua

Embojere umi fragmento código rehegua línea ryepýpe <code>.

Techapyrã, <section>oñembojeguava’erã línea-peguáicha.

Techapyrã , < código> & lt ; sección & gt ;</ código > ojejokuava’erã línea ryepýpe ramo .

Bloque básico rehegua

Eipuru <pre>heta línea código rehegua. Ejesareko ekañy hag̃ua oimeraẽva corchete ángulo rehegua oĩva código-pe ojejapo porã hag̃ua.

<p>Tembiecharã jehaipyre ko’ápe...</p>

<pre> rehegua
  <p>Tembiecharã jehaipyre ko’ápe...</p>
</pre> rehegua

¡Akã yvate!Eñangareko eñongatu hag̃ua kódigo umi <pre>etiqueta ryepýpe ikatuháicha hi’aguĩve ijasu gotyo; omoĩta opaite ficha.

Ikatu opcionalmente emoĩve .pre-scrollablembo’esyry omoĩtava peteĩ max-height 350px ha ome’ẽtava peteĩ barra de desplazamiento eje y rehegua.

Umi estilo por defecto rehegua

Estilo básico-pe g̃uarã —acolchado tesape ha umi divisor horizontal añoite— emoĩ pe clase base .tableoimeraẽvape <table>.

# Ñemby	Téra peteĩha	Terajoapy	Tembipuru puruhára réra
1. 1.1	Marcos	Otto rehegua	@mdo rehegua
2. 2.1	Jacob	Thornton rehegua	@ñandy
3.1	Larry rehegua	pe Guyra	@twitter-pe

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

Umi clase opcional rehegua

Oñemoĩve oimeraẽva ko’ã mbo’esyry mbo’esyry .tablebase-pe.

`.table-striped`

Omoĩ zebra-striping oimeraẽva vore vore ryepýpe CSS jeporavoha <tbody>rupive :nth-child(ndojeguerekói IE7-8-pe).

# Ñemby	Téra peteĩha	Terajoapy	Tembipuru puruhára réra
1. 1.1	Marcos	Otto rehegua	@mdo rehegua
2. 2.1	Jacob	Thornton rehegua	@ñandy
3.1	Larry rehegua	pe Guyra	@twitter-pe

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

`.table-bordered`

Oñemoĩ mesa ári umi borde ha esquina redondeada.

# Ñemby	Téra peteĩha	Terajoapy	Tembipuru puruhára réra
1. 1.1	Marcos	Otto rehegua	@mdo rehegua
1. 1.1	Marcos	Otto rehegua	@getbootstrap rehegua
2. 2.1	Jacob	Thornton rehegua	@ñandy
3.1	Larry pe Guyra		@twitter-pe

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

`.table-hover`

Emboguata peteĩ estado hover umi vore vore rehegua peteĩ <tbody>.

# Ñemby	Téra peteĩha	Terajoapy	Tembipuru puruhára réra
1. 1.1	Marcos	Otto rehegua	@mdo rehegua
2. 2.1	Jacob	Thornton rehegua	@ñandy
3.1	Larry pe Guyra		@twitter-pe

< clase mesa rehegua = "tabla mesa-hover" > 
  ...
</tabla> rehegua

`.table-condensed`

Ojapo umi mesa compactavéva oikytĩvo acolchado celular mbytépe.

# Ñemby	Téra peteĩha	Terajoapy	Tembipuru puruhára réra
1. 1.1	Marcos	Otto rehegua	@mdo rehegua
2. 2.1	Jacob	Thornton rehegua	@ñandy
3.1	Larry pe Guyra		@twitter-pe

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

Umi clase de fila opcional rehegua

Eipuru umi clase contextual embojegua hag̃ua umi fila tabla rehegua.

Mbo'ehakoty	Techaukaha
`.success`	Ohechauka peteĩ tembiapo osẽ porãva térã iporãva.
`.error`	Ohechauka peteî acción ipeligrosa térã potencialmente negativa.
`.warning`	Ohechauka peteĩ advertencia ikatúva oikotevẽ atención.
`.info`	Ojepuru alternativa ramo umi estilo por defecto-pe g̃uarã.

# Ñemby	Mba'eapopyre	Pago Ojegueraha	Tetã
1. 1.1	TB - Mensual rehegua	01/04/2012-pe	Ñemoneĩmby
2. 2.1	TB - Mensual rehegua	02/04/2012-pe	Ombotove
3.1	TB - Mensual rehegua	03/04/2012-pe	Oha'arõva
4 rehegua	TB - Mensual rehegua	04/04/2012-pe	Ohenói oike omoañete haguã

...
  < tr clase = "jehupytyrã" >
    <td> 1 < /td> rehegua
    <td>TB - Mensual</ td > rehegua
    <td> 01 / 04 / 2012 < /td> rehegua
    <td>Oñemoneĩ</ td >
  </ tr > rehegua
...

Oipytyvõva marcado cuadro rehegua

Lista umi elemento HTML mesa rehegua oipytyvõva ha mbaꞌeichaitépa ojepuruvaꞌerã.

Mbohéra	Techaukaha
`<table>`	Elemento de envoltura ojehechauka hag̃ua datokuéra peteĩ formato tabular-pe
`<thead>`	Elemento mbaꞌeryru rehegua umi vore iñakãrapuꞌa vore rehegua ( `<tr>`) oñembohéra hag̃ua umi vore vore rehegua
`<tbody>`	Elemento mbaꞌeryru rehegua umi vore vore rehegua ( `<tr>`) oĩva cuadro retepýpe
`<tr>`	Elemento mbaꞌeryru rehegua peteĩ conjunto celda tabla rehegua ( `<td>`térã `<th>`) ojehechaukáva peteĩ fila-pe
`<td>`	Célula de tabla por defecto rehegua
`<th>`	Célula cuadro especial umi etiqueta columna (térã fila, odependéva alcance ha colocación rehe).
`<caption>`	Ñemombeꞌupy térã ñemombyky mbaꞌepa oguereko pe cuadro, koꞌetevéramo ideprovéchova umi omoñeꞌeva pantalla-pe g̃uarã

<mesa> rehegua
  <capción> ... </capción> rehegua
  <akã>
    <tr> rehegua
      <th> ... </th> rehegua
      <th> ... </th> rehegua
    </tr> rehegua
  </thead> rehegua
  <tete rehegua>
    <tr> rehegua
      <td> ... </td> rehegua
      <td> ... </td> rehegua
    </tr> rehegua
  </tbody> rehegua
</tabla> rehegua

Umi estilo por defecto rehegua

Umi control formulario individual ohupyty estilo, ha katu mbaꞌeveichagua clase base oñeikotevẽvaꞌeỹre pe <form>térã tuicha ñemoambue marcado-pe. Osẽ etiqueta apilado, alineada izquierda gotyo umi control formulario ári.

<forma> rehegua
  <campo ñemohenda>
    <leyenda> Leyenda </leyenda> rehegua
    <etiqueta> Etiqueta réra </etiqueta>
    <input type = "text" placeholder = "Ehai peteĩ mba'e..." >  
    <span class = "help-block" > Techapyrã jehaipyre pytyvõrã nivel bloque rehegua ko’ápe. </span> rehegua 
    <etiqueta clase = "jehechaukaha" > 
      <input type = "checkbox" > Che jesareko 
    </etiqueta> rehegua
    <botón tipo = "omondo" clase = "btn" > Omondo </botón>  
  </fieldset> rehegua
</form> rehegua

Umi diseño opcional rehegua

Oike Bootstrap ndive mbohapy formulario ñemohenda opcional umi káso jepuru jepiguápe g̃uarã.

Formulario de búsqueda rehegua

Oñemoĩve .form-searchformulario-pe ha .search-querype <input>-pe peteĩ jeike jehaipyre extra-redondeado-pe g̃uarã.

<forma clase = "formulario-jeporeka" > 
  <input type = "text" class = "jeike-medio jeporeka-porandu" >  
  <botón tipo = "omondo" clase = "btn" > Jeporeka </botón>  
</form> rehegua

Formulario en línea rehegua

Oñemoĩve .form-inlineetiqueta alineada izquierda-pe g̃uarã ha umi control bloque-pe g̃uarã peteĩ diseño compacto-pe g̃uarã.

<forma clase = "forma-en línea" > 
  <input type = "text" clase = "input-michĩ" tenda = "Email" >   
  <input type = "contraseña" clase = "input-michĩ" tenda = "Ñe'ẽñemi" >   
  <etiqueta clase = "jehechaukaha" > 
    <input type = "checkbox" > Nemandu'áke cherehe 
  </etiqueta> rehegua
  <botón tipo = "omondo" clase = "btn" > Eike </botón>  
</form> rehegua

Forma horizontal rehegua

Emohenda akatúa gotyo umi etiqueta ha embohasa ijasu gotyo ojehechauka hag̃ua peteĩ línea-pe umi control ndive. Oikotevẽ hetave ñemoambue marca rehegua peteĩ formulario por defecto-gui:

Oñemoĩve .form-horizontalpe formulario-pe
Embojere etiqueta ha control-kuéra ipype.control-group
Oñemoĩve .control-labeletiqueta-pe
Embojere oimeraẽva control ojoajúva ipype .controlsoñemohenda porã hag̃ua

<forma clase = "forma-horizontal" > 
  <div clase = "control-grupo" > rehegua 
    <etiqueta clase = "control-etiqueta" para = "Email de entrada" > Correo electrónico </etiqueta> rehegua  
    <div clase = "controles" > rehegua 
      < type de entrada = "texto" id = "Email de entrada" tenda’i = "Email" >   
    </div> rehegua
  </div> rehegua
  <div clase = "control-grupo" > rehegua 
    <etiqueta clase = "control-etiqueta" para = "ñe’ẽñemi jeikerã" > Ñe’ẽñemi </etiqueta>  
    <div clase = "controles" > rehegua 
      <input type = "contraseña" id = "inputPassword" tenda = "Ñe'ẽñemi" >   
    </div> rehegua
  </div> rehegua
  <div clase = "control-grupo" > rehegua 
    <div clase = "controles" > rehegua 
      <etiqueta clase = "jehechaukaha" > 
        <input type = "checkbox" > Nemandu'áke cherehe 
      </etiqueta> rehegua
      <botón tipo = "omondo" clase = "btn" > Eike </botón>  
    </div> rehegua
  </div> rehegua
</form> rehegua

Umi control formulario rehegua oipytyvõva

Umi control formulario estándar rehegua techapyrã oipytyvõva peteĩ formulario ñemohenda techapyrãme.

Insumos rehegua

Control de formulario ojepuruvéva, umi campo de entrada oñemopyendáva jehaipyre rehe. Oike ipype pytyvõ opaichagua HTML5-pe g̃uarã: jehaipyre, ñe’ẽñemi, ára aravo, ára aravo-local, ára, jasy, aravo, arapokõindy, papapy, correo electrónico, url, jeheka, tel ha sa’y.

Oikotevẽ ojeporu peteĩ oje’éva typeopa ára.

<input type = "texto" tenda = "Texto jeike" >

Área de texto rehegua

Control de forma oipytyvõva heta línea jehaipyre rehegua. Omoambue rowsatributo tekotevẽháicha.

<textarea rows = " 3" ></textarea> rehegua

Umi cuadro de verificación ha umi rrádio

Umi cuadro de verificación niko ojeporavo hag̃ua peteĩ térã heta opción peteĩ lista-pe umi radio katu ojeporavo hag̃ua peteĩ opción heta apytégui.

Por defecto (oñemboguapy) .

<etiqueta clase = "jehechaukaha" > 
  < tipo de entrada = "caja de verificación" valor = "" >  
  Opción peteĩha ha’e kóva ha upéva —eñemoĩ katuete mba’érepa iporãiterei
</etiqueta> rehegua
 
< clase de etiqueta = "radio" > 
  < type de entrada = "radio" réra = "opcionesRadios" id = "opcionesRadios1" valor = "opción1" ojehecha >     
  Opción peteĩha ha’e kóva ha upéva —eñemoĩ katuete mba’érepa iporãiterei
</etiqueta> rehegua
< clase de etiqueta = "radio" > 
  < type de entrada = "radio" réra = "opcionesRadios" id = "opcionesRadios2" valor = "opción2" >    
  Opción mokõiha ikatu ambue mba’e ha oiporavóramo omboguejýta opción peteĩha
</etiqueta> rehegua

Umi cuadro de verificación en línea rehegua

Emoĩ pe .inlineclase peteĩ serie de casilla de verificación térã radio-pe umi control ojehechauka hag̃ua peteĩ línea-pe.

<etiqueta clase = "caja de verificación en línea" > 
  < tipo de entrada = "caja de verificación" id = "caja de verificación en línea1" valor = "opción1" > 1   
</etiqueta> rehegua
<etiqueta clase = "caja de verificación en línea" > 
  < tipo de entrada = "caja de verificación" id = "caja de verificación en línea2" valor = "opción2" > 2   
</etiqueta> rehegua
<etiqueta clase = "caja de verificación en línea" > 
  < tipo de entrada = "caja de verificación" id = "caja de verificación en línea3" valor = "opción3" > 3   
</etiqueta> rehegua

Oiporavo

Eipuru opción por defecto térã emombe’u a multiple="multiple"ehechauka hag̃ua heta opción peteĩ jeýpe.

<eiporavo>
  <opción> 1 </opción> rehegua
  <opción> 2 </opción> rehegua
  <opción> 3 </opción> rehegua
  <opción> 4 </opción> rehegua
  <opción> 5 </opción> rehegua
</eiporavo>
 
<eiporavo heta = "heta" > 
  <opción> 1 </opción> rehegua
  <opción> 2 </opción> rehegua
  <opción> 3 </opción> rehegua
  <opción> 4 </opción> rehegua
  <opción> 5 </opción> rehegua
</eiporavo>

Oñembopukúvo umi control formulario rehegua

Oñembojoapývo umi control kundahára oĩmava ári, Bootstrap oike ambue componente formulario ideprovéchova.

Umi insumo prependido ha oñembojoapýva

Emoĩve jehaipyre térã mboajepyréva oimeraẽva jeikepyre jehaipyre rehegua mboyve térã rire. Eñatendékena umi selectelemento ndojeguerohorýiha ko’ápe.

Opciones por defecto rehegua

Embojere peteĩ .add-onha an inputpeteĩva mokõi mboꞌepy apytégui emoĩ mboyve térã emoĩ hag̃ua jehaipyre peteĩ jeikepyre rehe.

<div clase = "oike-prepend" > 
  <span clase = "mbojoapy" > @ </span> 
  <input clase = "span2" id = "prependedInput" tipo = "jehaipyre" tenda = "Tembipuru puruhára réra" >    
</div> rehegua
<div clase = "oike-ombojoaju" > 
  < clase de entrada = "span2" id = "Entrada oñembojoapýva" tipo = "texto" >   
  <span clase = "mbojoapy" > .00 </span> 
</div> rehegua

Oñembojoajúva

Eipuru mokõive clase ha mokõi instancia de .add-onembojoapy ha emoĩ hag̃ua peteĩ entrada.

<div clase = "entrada-prependir entrada-ombojoapy" > 
  <span clase = "mbojoapy" > $ </span> 
  < clase de entrada = "span2" id = "Entrada oñembojoapývaPrependido" tipo = "jehaipyre" >   
  <span clase = "mbojoapy" > .00 </span> 
</div> rehegua

Umi botón jehaipyre rangue

<span>Peteĩ jehaipyre reheve rangue , eipuru a .btnemoĩ hag̃ua peteĩ botón (térã mokõi) peteĩ jeikepyre rehe.

<div clase = "oike-ombojoaju" > 
  < clase de entrada = "span2" id = "Botón de entrada oñembojoapýva" tipo = "texto" >   
  <botón clase = "btn" tipo = "botón" > ¡Tereho! </botón> rehegua  
</div> rehegua

<div clase = "oike-ombojoaju" > 
  < clase de entrada = "span2" id = "Botones de Entrada oñembojoapýva" tipo = "jehaipyre" >   
  <botón clase = "btn" tipo = "botón" > Jeporeka </botón>  
  <botón clase = "btn" tipo = "botón" > Opciones </botón>  
</div> rehegua

Umi desplegable botón rehegua

<div clase = "oike-ombojoaju" > 
  < clase de entrada = "span2" id = "Botón de Desplegable oñembojoapýva" tipo = "jehaipyre" >   
  <div clase = "btn-grupo" > rehegua 
    <botón clase = "btn ñemboguejyha" datokuéra ñembohasa = "mboguejýva" >  
      Ojejapóva
      <span clase = "caret" ></span> rehegua 
    </botón> rehegua
    <ul clase = "menú desplegable" > 
      ...
    </ul> rehegua
  </div> rehegua
</div> rehegua

<div clase = "oike-prepend" > 
  <div clase = "btn-grupo" > rehegua 
    <botón clase = "btn ñemboguejyha" datokuéra ñembohasa = "mboguejýva" >  
      Ojejapóva
      <span clase = "caret" ></span> rehegua 
    </botón> rehegua
    <ul clase = "menú desplegable" > 
      ...
    </ul> rehegua
  </div> rehegua
  < clase de entrada = "span2" id = "PrependidoDropdownButton" tipo = "jehaipyre" >   
</div> rehegua

<div clase = "entrada-prependir entrada-ombojoapy" > 
  <div clase = "btn-grupo" > rehegua 
    <botón clase = "btn ñemboguejyha" datokuéra ñembohasa = "mboguejýva" >  
      Ojejapóva
      <span clase = "caret" ></span> rehegua 
    </botón> rehegua
    <ul clase = "menú desplegable" > 
      ...
    </ul> rehegua
  </div> rehegua
  < clase de entrada = "span2" id = "oñembojoapývaPrependedDropdownButton" tipo = "jehaipyre" >   
  <div clase = "btn-grupo" > rehegua 
    <botón clase = "btn ñemboguejyha" datokuéra ñembohasa = "mboguejýva" >  
      Ojejapóva
      <span clase = "caret" ></span> rehegua 
    </botón> rehegua
    <ul clase = "menú desplegable" > 
      ...
    </ul> rehegua
  </div> rehegua
</div> rehegua

Umi aty desplegable segmentado rehegua

<forma> rehegua
  <div clase = "oike-prepend" > 
    <div clase = "btn-grupo" > ... </div> rehegua 
    < tipo de entrada = "jehaipyre" > 
  </div> rehegua
  <div clase = "oike-ombojoaju" > 
    < tipo de entrada = "jehaipyre" > 
    <div clase = "btn-grupo" > ... </div> rehegua 
  </div> rehegua
</form> rehegua

Formulario de búsqueda rehegua

<forma clase = "formulario-jeporeka" > 
  <div clase = "oike-ombojoaju" > 
    < type de entrada = "texto" clase = "span2 jeporeka-porandu" >  
    <botón tipo = "omondo" clase = "btn" > Jeporeka </botón>  
  </div> rehegua
  <div clase = "oike-prepend" > 
    <botón tipo = "omondo" clase = "btn" > Jeporeka </botón>  
    < type de entrada = "texto" clase = "span2 jeporeka-porandu" >  
  </div> rehegua
</form> rehegua

Control de dimensionamiento rehegua

Eipuru umi clase tamaño relativo rehegua ojogua .input-largetérã ombojoaju ne entradakuéra umi columna cuadrícula tuichakue rehe eipuruhápe umi .span*clase.

Umi entrada nivel de bloque rehegua

Ejapo oimeraẽva <input>térã <textarea>elemento oñekomporta hag̃ua peteĩ elemento nivel bloque-icha.

< clase de entrada = "nivel de bloque de entrada" tipo = "texto" tenda = ".nivel de bloque de entrada " >

Dimensionamiento relativo rehegua

< clase de entrada = "entrada-mini" tipo = "texto" tenda = " .input -mini" >   
< clase de entrada = "input-michĩ" tipo = "texto" tenda = " .input -michĩ" >   
< clase de entrada = "medio de entrada" tipo = "texto" tenda = ".medio de entrada " >   
< clase de entrada = "input-tuicha" tipo = "texto" tenda = " .input -tuicha" >   
< clase de entrada = "input-xlarge" tipo = "texto" tenda = " .input -xlarge" >   
< clase de entrada = "input-xxlarge" tipo = "texto" tenda = " .input -xxlarge" >

¡Akã yvate!Umi versión oúvape, ñamoambuéta ko’ã clase entrada relativa jepuru ojoaju hag̃ua ñande botón tuichakue rehe. Techapyrã, .input-largeombohetavéta acolchado ha font-size peteĩ entrada rehegua.

Rejilla de tamaño rehegua

Eipuru .span1to .span12umi entrada ojoajúva umi columna cuadrícula tuichakue rehe.

< clase de entrada = "span1" tipo = "texto" tenda = " .span1 " >   
< clase de entrada = "span2" tipo = "texto" tenda = " .span2 " >   
< clase de entrada = "span3" tipo = "texto" tenda = " .span3 " >   
<eiporavo clase = "span1" > 
  ...
</eiporavo>
<eiporavo clase = "span2" > 
  ...
</eiporavo>
<eiporavo clase = "span3" > 
  ...
</eiporavo>

Heta entrada cuadrícula rehegua peteĩ línea-pe g̃uarã, eipuru .controls-rowclase modificador espaciado hekopete hag̃ua . Ombojere umi entrada oñemboguejy hag̃ua espacio blanco, omohenda umi margen hekopete ha omopotĩ pe flotador.

<div clase = "controles" > rehegua 
  < clase de entrada = "span5" tipo = "texto" tenda = " .span5 " >   
</div> rehegua
<div clase = "ojejoko umi control-fila" > 
  < clase de entrada = "span4" tipo = "texto" tenda = " .span4 " >   
  < clase de entrada = "span1" tipo = "texto" tenda = " .span1 " >   
</div> rehegua
...

Umi insumo ndoje’editáiva

Opresenta dato peteĩ formulario-pe ndaha’éiva editable oipuru’ỹre marcado formulario añeteguáva.

<span class = "input-xlarge uneditable-input" > Oĩ mba’ekuaarã ko’ápe </span>

Oforma umi tembiaporã

Omohuꞌa peteĩ formulario peteĩ tembiaporã aty (botón) reheve. Oñemoĩ jave peteĩ ryepýpe .form-actions, umi botón oñembohysýita ijeheguiete oñemohenda hag̃ua umi control formulario rehegua ndive.

<div clase = "forma-acción" > 
  <botón tipo = "omondo" clase = "btn btn-primary" > Ñongatu ñemoambue </botón>  
  <botón tipo = "botón" clase = "btn" > Ombogue </botón>  
</div> rehegua

Ñe’ẽñemi pytyvõrã

Soporte nivel en línea ha bloque rehegua jehaipyre pytyvõrã ojehechaukáva umi control formulario jerére.

Pytyvõ en línea

<input type = "text" ><span class = "pytyvõ-enline" > Ñe’ẽñemi pytyvõrã línea ryepýpe </span>

Ojoko pytyvõ

<input type = "text" ><span class = "help-block" > Peteĩ jehaipyre pytyvõrã vore ipukuvéva oñemboja’óva peteĩ vore pyahúre ha ikatúva ojepyso peteĩ vore ári. </span> rehegua

Umi estado control de forma rehegua

Ome’ẽ ñe’ẽñemi puruhára térã tapicha ohóvape orekóva estado de retroalimentación básica umi control ha etiqueta formulario rehegua.

Enfoque de entrada rehegua

outlineJaipeꞌa umi estilo por defecto oĩva umi control formulario rehegua ha ñamoĩ peteĩ box-shadowhendaguépe :focus.

<input class = "input-xlarge" id = "enfocadoEntrada" tipo = "texto" valor = "Kóva oñembohape..." >

Umi entrada ndovaléiva

Estilo jeikekuéra kundahára rembiaporã tee rupive :invalid. Emombeꞌu peteĩ type, emoĩve requiredatributo pe tenda ndahaꞌeiramo opcional, ha (oĩramo) emombeꞌu peteĩ pattern.

Kóva ndojeguerekói Internet Explorer 7-9 versión-pe ndaipórigui pytyvõ umi CSS seudo selector-kuérape g̃uarã.

< clase de entrada = "span3" tipo = "correo electrónico" oñeikotevẽva >

Umi entrada oñemboykéva

Emoĩ disabledatributo peteĩ jeikepyre rehe ani hag̃ua puruhára jeike ha emoñepyrũ peteĩ jehecha iñambue’imi.

<input class = "input-xlarge" id = "disabledInput" type = "text" tenda’i = "Ojejoko jeike ko’ápe..." oñembogue >

Validación rehegua he’i

Bootstrap oguereko umi estilo jegueroviapyrã jejavy, ñe’ẽñemi, marandu ha marandu éxito rehegua. Oipuru hag̃ua, emoĩ pe clase oñemohenda porãva pe ijerére .control-group.

<div class = "ñe'ẽmondo control-grupo rehegua" > 
  <label class = "control-label" for = "inputWarning" > Emoinge ñe’ẽñemi reheve </label>  
  <div clase = "controles" > rehegua 
    < tipo de entrada = "texto" id = "Advertencia de entrada" >  
    <span class = "help-inline" > Ikatu peteĩ mba’e oho vai </span> 
  </div> rehegua
</div> rehegua
 
<div clase = "jejavy control-grupo rehegua" > 
  <label class = "control-label" for = "inputError" > Oike jejavy reheve </label>  
  <div clase = "controles" > rehegua 
    < tipo de entrada = "texto" id = "Error de entrada" >  
    <span class = "help-inline" > Emyatyrõ pe jejavy </span> 
  </div> rehegua
</div> rehegua
 
<div clase = "marandu control-grupo rehegua" > 
  <label class = "control-label" para = "inputInfo" > Emoinge marandu reheve </label>  
  <div clase = "controles" > rehegua 
    < tipo de entrada = "texto" id = "Info de entrada" >  
    <span class = "help-inline" > Ojeguerahapáma puruhára réra </span> 
  </div> rehegua
</div> rehegua
 
<div class = "control-grupo éxito" > 
  <label class = "control-label" for = "inputSuccess" > Emoinge mba’eporã reheve </label>  
  <div clase = "controles" > rehegua 
    < tipo de entrada = "texto" id = "Éxito de entrada" >  
    <span clase = "pytyvõ-inline" > Woohoo! </span> rehegua 
  </div> rehegua
</div> rehegua

Umi botón por defecto rehegua

Umi estilo botón rehegua ikatu ojeporu oimeraẽ mbaꞌe rehe pe .btnclase ojeporúva reheve. Ha katu, jepivegua reipuruséta ko’ãva añoite <a>ha <button>elemento-kuérape g̃uarã renderización iporãvévape g̃uarã.

Votõ	clase="" rehegua.	Techaukaha
	`btn`	Botón gris estándar orekóva gradiente
	`btn btn-primary`	Omeꞌe peso visual extra ha ohechakuaa acción primaria peteĩ conjunto de botones-pe
	`btn btn-info`	Ojepuru alternativa ramo umi estilo por defecto-pe g̃uarã
	`btn btn-success`	Ohechauka peteĩ tembiapo osẽ porãva térã iporãva
	`btn btn-warning`	Ohechauka oñeñangarekova'erã ko acción rehe
	`btn btn-danger`	Ohechauka peteî acción ipeligroso térã potencialmente negativa
	`btn btn-inverse`	Alterna botón gris iñypytũva, ndojejokóiva peteĩ acción semántica térã jeporu rehe
	`btn btn-link`	Emomba’eguasu peteĩ botón ejapóvo peteĩ enlace-icha eñongatu aja botón reko

Kurusu kundahára joaju

IE9 ndoikytĩri umi gradiente fondo rehegua umi esquina redondeada-pe, upévare roipeꞌa. Ojoajúva, IE9 ojanikifika umi buttonelemento oñemboykéva, omoĩvo jehaipyre gris peteĩ jehaipyre-sombra iñañaitéva reheve ndaikatúiva ñamyatyrõ.

Umi botón tuichakue

¿Reipotaiterei umi botón tuichavéva térã michĩvéva? Emoĩve .btn-large, .btn-small, térã .btn-miniumi tuichakue ambuévape g̃uarã.

<p> rehegua
  <botón clase = "btn btn-tuicha btn-primary" tipo = "botón" > Botón tuicháva </botón>  
  <botón clase = "btn btn-tuicha" tipo = "botón" > Botón tuicháva </botón>  
</p> rehegua
<p> rehegua
  <botón clase = "btn btn-primary" tipo = "botón" > Botón por defecto </botón>  
  <botón clase = "btn" tipo = "botón" > Botón por defecto </botón>  
</p> rehegua
<p> rehegua
  <botón clase = "btn btn-michĩ btn-primary" tipo = "botón" > Botón michĩva </botón>  
  <botón clase = "btn btn-michĩ" tipo = "botón" > Botón michĩva </botón>  
</p> rehegua
<p> rehegua
  <botón clase = "btn btn-mini btn-primaria" tipo = "botón" > Mini botón </botón>  
  <botón clase = "btn btn-mini" tipo = "botón" > Mini botón </botón>  
</p> rehegua

Ejapo umi botón nivel bloque rehegua —umi oñemosarambíva peteĩ túva ipekue pukukue— emoĩvo .btn-block.

<botón clase = "btn btn-tuicha btn-bloque btn-primary" tipo = "botón" > Botón nivel bloque rehegua </botón>  
<botón clase = "btn btn-tuicha btn-bloque" tipo = "botón" > Botón nivel bloque rehegua </botón>

Estado discapacitado rehegua

Ejapo umi botón ojehecha hag̃ua ndaikatúiva ojejapo clic embogue jeývo 50%.

Elemento de anclaje rehegua

Oñemoĩve pe .disabledclase umi <a>botón-pe.

Enlace primario rehegua Joajuha

<a href = "#" clase = "btn btn-tuicha btn-primaria oñembogue" > Joaju tenondegua </a>  
<a href = "#" clase = "btn btn-tuicha oñemboykéva" > Joaju </a>

¡Akã yvate!Ko’ápe jaipuru .disabledclase utilidad ramo, ojoguáva .activeclase común-pe, upévare noñeikotevẽi prefijo. Avei, ko mbo’esyry ha’e estética-pe guarãnte; eipuruva’erã JavaScript jeporupyre embogue hag̃ua joajuha ko’ápe.

Elemento de botón rehegua

Oñemoĩve pe disabledatributo umi <button>botón-pe.

<botón tipo = "botón" clase = "btn btn-tuicha btn-primary oñemboyke" oñemboyke = "oñembogue" > Botón tenondegua </botón>   
<botón tipo = "botón" clase = "btn btn-tuicha" oñembogue > Botón </botón>

Peteĩ mbo’esyry, heta etiqueta

Eipuru pe .btnclase peteĩ <a>, <button>, térã <input>elemento rehe.

<a clase = "btn" href = "" > Ñembojoaju </a>  
<botón clase = "btn" tipo = "omondo" > Botón </botón>  
< clase de entrada = "btn" tipo = "botón" valor = "Entrada" >   
< clase de entrada = "btn" tipo = "omondo" valor = "Omondo" >

Peteĩ jepokuaa porãve ramo, eñeha’ã embojoaju elemento nde contexto-pe g̃uarã eñangareko hag̃ua joajuha navegador kurusu ñembohasa. Oiméramo reguereko peteĩ input, eipuru peteĩ <input type="submit">nde botón-pe g̃uarã.

Emoĩve mboꞌepy peteĩ <img>elemento-pe emohenda hag̃ua taꞌãngamýi ndahasýiva oimeraẽ proyecto-pe.

<img src = "..." clase = "img-oñembojere" >  
<img src = "..." clase = "img-círculo" >  
<img src = "..." mbo'esyry = "img-polarroid" >

¡Akã yvate! .img-roundedha .img-circlenomba’apói IE7-8-pe ndaipórigui border-radiuspytyvõ.

Glifos de icono rehegua

140 techaukaha sprite-pe, ojeguerekóva gris iñypytũva (oñemoĩva’ekue) ha morotĩme, ome’ẽva Glyphicons .

icono-vidrio rehegua
icono-música rehegua
icono-jeporeka rehegua
icono-sobre rehegua
icono-korasõ
icono-mbyja rehegua
icono-mbyja-vacío
icono-puruhára
icono-película rehegua
icono-ha-tuichavéva
icono-ha rehegua
icono-ha-lista rehegua
icono-ok rehegua
icono-oipe’a haguã
icono-pe oñembotuichave hag̃ua
icono-zoom-out rehegua
icono-apagado rehegua
icono-señal rehegua
icono-diente rehegua
icono-basura rehegua
icono-hogar rehegua
icono-archivo rehegua
icono-tiempo rehegua
icono-tape rehegua
icono-descargar-alt rehegua
icono-descargar rehegua
icono-omboguejy haguã
icono-bandeja de entrada rehegua
icono-juego-círculo rehegua
icono-repetición rehegua
icono-mbopyahu
icono-lista-alt rehegua
icono-bloqueo rehegua
icono-pondera rehegua
icono-auriculares rehegua
icono-volumen-apagado rehegua
icono-volumen-abajo rehegua
icono-volumen-up rehegua
icono-qrcódigo rehegua
icono-código de barras rehegua
icono-etiqueta rehegua
icono-etiquetas rehegua
icono-aranduka
icono-marcador rehegua
icono-impresión rehegua
icono-cámara rehegua
icono-fuente rehegua
icono-pe hũva
icono-cursivo rehegua
icono-texto-altura rehegua
icono-texto-ancho rehegua
icono-alinea-izquierda rehegua
icono-alinea-centro rehegua
icono-alinea-derecha rehegua
icono-alinea-ohustifikávo
icono-lista rehegua
icono-indent-izquierda rehegua
icono-indent-derecha rehegua
icono-hova-tiempo-video rehegua
icono-ta’anga rehegua
icono-lápiz rehegua
icono-mapa-marcador rehegua
icono-oñemohenda
icono-tinta rehegua
icono-edición rehegua
icono-compartir rehegua
icono-chequeo rehegua
icono-momýi
icono-paso-tapykue gotyo
icono-pya’e-tapykue gotyo
icono-tapykue gotyo
icono-ñembosarái rehegua
icono-pausa rehegua
icono-parada rehegua
icono-tenonde gotyo
icono-pya’e tenonde gotyo
icono-paso-tenonde gotyo
icono-eject rehegua
icono-chevron-izquierda rehegua
icono-chevron-derecha rehegua
icono-más-signo rehegua
icono-menos-signo rehegua
icono-oipe’a-signo
icono-ok-signo rehegua
icono-porandu-signo rehegua
icono-info-signo rehegua
icono-pantalla rehegua
icono-oipe’a-círculo
icono-ok-círculo rehegua
icono-prohibición-círculo rehegua
icono-flecha-izquierda rehegua
icono-flecha-derecha rehegua
icono-flecha-yvate gotyo
icono-flecha-abajo rehegua
icono-compartir-alt rehegua
icono-remoambue-henyhẽva
icono-ombotuichave-michĩva
icono-más rehegua
icono-menos rehegua
icono-asterisco rehegua
icono-exclamación-signo rehegua
icono-jopói rehegua
icono-hogue rehegua
icono-tata rehegua
icono-tesa-ojepe’áva
icono-tesa-mboty
icono-advertencia-señal rehegua
icono-plano rehegua
icono-calendario rehegua
icono-aleatorio rehegua
icono-comentario rehegua
icono-imán rehegua
icono-chevron-up rehegua
icono-chevron-abajo rehegua
icono-retweet rehegua
icono-carrito de compras rehegua
icono-carpeta-mboty rehegua
icono-carpeta-ojepe’áva
icono-ombotuichave-vertical
icono-ombotuichave-horizontal
icono-hdd rehegua
icono-bullhorn rehegua
icono-campana rehegua
icono-certificado rehegua
icono-pulgares-up rehegua
icono-pulgares-abajo rehegua
icono-mano-derecha rehegua
icono-mano-izquierda rehegua
icono-po-yvate gotyo
icono-po-yvate gotyo
icono-círculo-flecha-derecha rehegua
icono-círculo-flecha-izquierda rehegua
icono-círculo-flecha-yvate gotyo
icono-círculo-flecha-abajo rehegua
icono-globo rehegua
icono-llave rehegua
icono-tembiapokuéra
icono-filtro rehegua
icono-maletín rehegua
icono-pantalla completa rehegua

Glyphicons rehegua atribución

Glyphicons Halflings normalmente ndojeguerekói gratis, ha katu peteĩ arreglo Bootstrap ha Glyphicons apohare apytépe ojapo kóva ikatu hag̃uáicha mba’eve’ỹre ndéve g̃uarã desarrollador ramo. Aguyje ramo, rojerure ndéve remoĩ hag̃ua peteĩ enlace opcional jey Glyphicons -pe ikatu jave ojejapo .

Mba’éichapa ojeporu

Opaite techaukaha oikotevẽ peteĩ <i>etiqueta oguerekóva peteĩ mbo’esyry ijojaha’ỹva, oñemboguapýva icon-. Eipuru hag̃ua, emoĩ ko kódigo haimete oimeraẽ hendápe:

<i clase = "ikóna-jeporeka" </i>

Oĩ avei estilo ojeguerekóva umi icono invertido (morotĩ)-pe g̃uarã, ojejapóva listo peteĩ clase extra reheve. Romoañetéta específicamente ko clase umi estado hover ha activo-pe umi enlace nav ha desplegable-pe g̃uarã.

<i clase = "ikóna-jeheka icono-morotĩ" ></i>

¡Akã yvate!Eipuru jave jehaipyre vore ykére, umi botón térã nav enlace-peguáicha, eñangareko eheja hag̃ua peteĩ espacio <i>etiqueta rire espaciado hekopete hag̃ua.

Icono techapyrã

Eipuru umíva umi botón, botón aty peteĩ tembipuru’i ryrúpe g̃uarã, jeguata térã formulario jeike prependido-pe g̃uarã.

Umi botón rehegua

Botón aty peteĩ tembipuru’i vore’ípe

<div clase = "btn-tembipururã" > 
  <div clase = "btn-grupo" > rehegua 
    <a clase = "btn" href = "#" ><i clase = "icon-alinea-izquierda" ></i></a>   
    <a clase = "btn" href = "#" ><i clase = "icon-alinea-centro" ></i></a>   
    <a clase = "btn" href = "#" ><i clase = "icon-alinea-derecha" ></i></a>   
    <a clase = "btn" href = "#" ><i clase = "icon-alinea-ojehustifikávo" ></i></a>   
  </div> rehegua
</div> rehegua

Desplegable peteĩ botón aty’ípe

Pojoapy puruhára

<div clase = "btn-grupo" > rehegua 
  <a class = "btn btn-primary" href = "#" ><i clase = "ikóna-puruhára icono-morotĩ" ></i> Pojoapy </a>   
  <a mbo’esyry = "btn btn-mboguejýva tenondegua" data-toggle = "mboguejýva" href = "#" ><span mbo'esyry = "caret" ></span></a>    
  <ul clase = "menú desplegable" > 
    <li><a href = "#" ><i clase = "icon-lápiz" ></i> Emohenda </a></li>  
    <li><a href = "#" ><i clase = "icon-basura" ></i> Embogue </a></li>  
    <li><a href = "#" ><i clase = "ikóna-prohibición-circulo" ></i> Ojoko </a></li>  
    <li clase = "mboja'o" </li> 
    <li><a href = "#" ><i clase = "i" ></i> Ejapo mohendahára </a></li>  
  </ul> rehegua
</div> rehegua

Umi botón tuichakue

Mbyja Mbyja Mbyja

<a clase = "btn btn-tuicha" href = "#" ><i clase = "ikóna-mbyja" ></i> Mbyja </a>   
<a clase = "btn btn-michĩ" href = "#" ><i clase = "ikóna-mbyja" ></i> Mbyja </a>   
<a clase = "btn btn-mini" href = "#" ><i clase = "ikóna-mbyja" ></i> Mbyja </a>

Navegación rehegua

<ul clase = "nav nav-lista" > 
  <li clase = "activo" ><a href = "#" ><i clase = "ikóna-óga icono-morotĩ" </i> Óga </a></li>   
  <li><a href = "#" ><i clase = "ikóna-kuatiahaipyre" ></i> Aranduka’i </a></li>  
  <li><a href = "#" ><i clase = "icon-lápiz" ></i> Ñemboguatarã </a></li>  
  <li><a href = "#" ><i clase = "che" ></i> Mba’eichagua </a></li>  
</ul> rehegua

Umi tenda oñeformava’ekue

<div clase = "control-grupo" > rehegua 
  <label class = "control-label" for = "inputIcon" > Ñe’ẽmondo renda </label> rehegua  
  <div clase = "controles" > rehegua 
    <div clase = "oike-prepend" > 
      <span clase = "mbojoapy" ><i clase = "icono-sobre" ></i></span>  
      < clase de entrada = "span2" id = "Icono de entrada" tipo = "texto" >   
    </div> rehegua
  </div> rehegua
</div> rehegua

Tipografía rehegua

Umi Ñe’ẽryru

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

Tete rekoha

Plomo cuerpo copia rehegua

Oñemopu’ã Sa’ive reheve

Mbojekuaaverã

<small>

Iñakuã

Kursiva

Umi clase de alineación rehegua

Umi clase de énfasis rehegua

Ñe’ẽ mbykymi

<abbr>

<abbr class="initialism">

Dirección-kuéra rehegua

<address>

Umi cita bloque rehegua

Ñe’ẽjoajuha ñepyrũrã

Umi opción bloqueo rehegua

Ombohéra peteĩ fuente

Umi jehechaukaha alternado rehegua

Umi lista rehegua

Noñeordenáiva

Oñemanda

No estilo rehegua

En línea rehegua

Techaukaha

Descripción horizontal rehegua

Código rehegua

En línea rehegua

Bloque básico rehegua

Tabla-kuéra rehegua

Umi estilo por defecto rehegua

Umi clase opcional rehegua

.table-striped

.table-bordered

.table-hover

.table-condensed

Umi clase de fila opcional rehegua

Oipytyvõva marcado cuadro rehegua

Umi Formulario rehegua

Umi estilo por defecto rehegua

Umi diseño opcional rehegua

Formulario de búsqueda rehegua

Formulario en línea rehegua

Forma horizontal rehegua

Umi control formulario rehegua oipytyvõva

Insumos rehegua

Área de texto rehegua

Umi cuadro de verificación ha umi rrádio

Por defecto (oñemboguapy) .

Umi cuadro de verificación en línea rehegua

Oiporavo

Oñembopukúvo umi control formulario rehegua

Umi insumo prependido ha oñembojoapýva

Opciones por defecto rehegua

Oñembojoajúva

Umi botón jehaipyre rangue

Umi desplegable botón rehegua

Umi aty desplegable segmentado rehegua

Formulario de búsqueda rehegua

Control de dimensionamiento rehegua

Umi entrada nivel de bloque rehegua

Dimensionamiento relativo rehegua

Rejilla de tamaño rehegua

Umi insumo ndoje’editáiva

Oforma umi tembiaporã

Ñe’ẽñemi pytyvõrã

Pytyvõ en línea

Ojoko pytyvõ

Umi estado control de forma rehegua

Enfoque de entrada rehegua

Umi entrada ndovaléiva

Umi entrada oñemboykéva

`<small>`

`<abbr>`

`<abbr class="initialism">`

`<address>`

`.table-striped`

`.table-bordered`

`.table-hover`

`.table-condensed`