Escala tipográfica rehegua

Pe cuadrícula tipográfica tuichakue oñemopyenda mokõi variable Less rehe ñande variables.less archivo-pe: @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 michĩmi matemática, jajapo hag̃ua umi margen, acolchado ha línea-altura opaite ñande tipo rehegua ha hetave mbaꞌe.

Tembiecharã jehaipyre tete rehegua

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.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor rehegua. Duis mollis, est no comodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit rehegua. Donec sed odio dui.

Oipurúvo énfasis

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.

Ñe’ẽñemi: Eñeñandu porã eipuru hag̃ua <b>ha <i>HTML5-pe, ha katu ijeporu iñambue’imi. <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.

Tembiecharã dirección-kuéra

Ko’ápe oĩ mokõi techapyrã mba’éichapa <address>ikatu ojeporu pe etiqueta:

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]

Tembiecharã ñemombyky

Umi abreviatura oguerekóva peteĩ titleatributo oguereko peteĩ borde inferior punteado tesape ha peteĩ cursor pytyvõrã hover-pe. Péva ome'ê usuario-kuérape indicación extra peteî mba'e ojehechaukáta hover-pe.

Emoĩ pe initialismclase peteĩ abreviatura-pe embohetave hag̃ua armonía tipográfica omeꞌevo chupe peteĩ jehaipyre michĩvéva michĩmi.

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

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

Oñemoĩ hag̃ua peteĩ vore bloque rehegua, embojere <blockquote>oimeraẽ HTML comilla ramo. Umi cita recta-pe g̃uarã romomarandu peteĩ <p>.

Emoĩ peteĩ elemento opcional <small>ecita hag̃ua nde fuente ha rehupytýta peteĩ em dash —henondépe estilo rehegua.

<bloqueo rehegua>
  <p> Lorem ipsum dolor oguapy amet, consectetur adipiscing elit. Entero posuere erat peteĩ ante venenatis. </p> rehegua
  <michĩ> Peteĩ tapicha herakuã guasúva </michĩ>
</blockquote> rehegua

Umi blockquote por defecto oñemboheko péicha:

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

Alguien famoso en Cuerpo de trabajo

Ojepyso hag̃ua nde blockquote akatúa gotyo, emoĩve class="pull-right":

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

Alguien famoso en Cuerpo de trabajo

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 class="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

Techaukaha

<dl>

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.

Descripción horizontal rehegua

<dl class="dl-horizontal">

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.

---

¡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ã , < código> vore </ 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

Ñe’ẽñemi: Eñongatu katuete código <pre>etiqueta ryepýpe hi’aguĩvéva ijasu gotyo ikatuháicha; 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.

Google Ñe’ẽporãhaipyre

Ejagarra peteĩchagua <pre>elemento ha emoĩ mokõi clase opcional renderización oñembotuichave hag̃ua.

<p> Jehaipyre techapyrã ko’ápe... </p>

<pre clase = "impresión iporãva." 
     linenums" > rehegua
  <p>Tembiecharã jehaipyre ko’ápe...</p>
</pre> rehegua

Emboguejy google-code-prettify ha ehecha readme mba’éichapa ojepuru.

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 de cuadro especial umi etiqueta columna (térã fila, odependéva alcance ha colocación rehe) rehegua Ojepuruvaꞌerã a ryepýpe<thead>
<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
  <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 cuadro ojejapo ijeheguiete estilo mbovymi borde reheve añoite ikatu hag̃uáicha ojelee ha oñemantene estructura. 2.0 reheve, .tableoñeikotevẽ pe clase.

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

# Ñ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

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

Ñembohysýi: Umi cuadro rayado oipuru :nth-childCSS jeporavoha ha ndojeguerekói IE7-IE8-pe.

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

# Ñ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

Oñemoĩ umi borde mesa tuichakue jerére ha umi esquina redondeada ojejapo hag̃ua estética.

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

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

Ejapo nde mesakuéra ijyvyku’ivéva emoĩvo .table-condensedmbo’esyry eikytĩ hag̃ua acolchado celda mesa rehegua mbytépe (8px guive 4px peve).

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

# Ñ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

Eñeñandu líbre embojoaju hag̃ua oimeraẽva umi mbo’esyry mesa rehegua rehupyty hag̃ua iñambuéva jehecha reiporúvo oimeraẽva umi mbo’esyry ojeguerekóva.

<table class = "tabla tabla-rayado mesa-mbotyha mesa-condensado" > 
  ...
</tabla> rehegua

	Héra tee
# Ñ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

HTML ha CSS oñembohekopyréva

Pe mba’e iporãvéva umi formulario rehegua Bootstrap-pe ha’e opaite ne entrada ha control ojehecha porãiterei noimportái mba’éichapa remopu’ã ne marcado-pe. Noñeikotevẽi HTML superfluo, ha katu rome’ẽ umi pa’ũ umi oikotevẽvape g̃uarã.

Umi diseño ikomplikadovéva oúva clase sucinta ha escalable reheve estilo ha evento jejopy ndahasýivape g̃uarã, upévare reime cubierto opaite paso-pe.

Irundy diseño oike

Bootstrap oúva pytyvõ reheve irundyichagua formulario ñemohendarã:

• Vertical (oñemoĩva’ekue) .
• Jeheka
• En línea rehegua
• Ipekuévo

Opaichagua formulario ñemohenda oikotevẽ peteĩ ñemoambue marca-pe g̃uarã, ha katu umi control ijeheguiete opyta ha oñekomporta peteĩcha.

Estado-kuéra control ha hetave mba’e

Bootstrap formulario-kuéra oguereko estilo opaite formulario base control-kuérape g̃uarã haꞌeháicha entrada, textarea ha jeporavo rehaꞌarõva. Ha katu avei oúva heta componente personalizado reheve haꞌeháicha entrada oñembojoapýva ha oñembojoajúva ha pytyvõ umi lista de casilla de verificación rehegua.

Umi estado haꞌeháicha error, advertencia ha éxito oike peteĩteĩva tipo de control formulario rehegua. Avei oike umi estilo umi control discapacitado-pe g̃uarã.

Forma básica rehegua

Umi por defecto iñarandu ha ligero ndorekóiva marcado extra.

Etiqueta réra

Techapyrã jehaipyre pytyvõrã nivel bloque rehegua ko’ápe.

Chehechamína Rahauka

<forma clase = "bueno" > 
  <etiqueta> Etiqueta réra </etiqueta>
  <input type = "text" class = "span3" tenda = "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>  
</form> rehegua

Formulario de búsqueda rehegua

Oñemoĩve .form-searchpe formulario ha .search-querype input.

Jeheka

<form class = "bueno 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ñembojoapy oñembojegua .form-inlinehagua alineación vertical ha espaciado umi control formulario rehegua.

Penemandu’áke cherehe Eike

< clase de forma = "bueno 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

Ojehechauka akatúape opaite umi control formulario por defecto roipytyvõva. Ko'ápe oime lista de balas:

• jehaipyre jeike (jehaipyre, ñe’ẽñemi, correo electrónico, ha mba’e) .
• peteĩ vore’i
• radio rupive
• poravo
• heta jeporavo
• vore jeike rehegua
• área de texto rehegua

Jehaipyre jeike

Oĩve jehaipyre forma libre-pe, oimeraẽva HTML5 jehaipyre jeikepyre ojehechauka upéicha.

Ñe’ẽmondo ryru

Opción peteĩha ha’e kóva ha upéva —eñemoĩ katuete mba’érepa iporãiterei

Eiporavo lista

mba'e 2. 2.1 3.1 4 rehegua 5 rehegua

Multicon-jeporavo rehegua

1. 1.1 2. 2.1 3.1 4 rehegua 5 rehegua

Archivo jeike rehegua

Área de texto rehegua

Eñongatu umi ñemoambue Heja

Tembiecharã marcado rehegua

Oñemeꞌevo yvategua techapyrã formulario ñemohenda, koꞌape oĩ pe marcado ojoajúva peteĩha entrada ha control aty ndive. Umi .control-group, .control-label, ha .controlsmbo’esyry opaite oñeikotevẽ estilo-pe g̃uarã.

<forma clase = "forma-horizontal" > 
  <campo ñemohenda>
    <leyenda> Ñe’ẽñemi jehaipyre </leyenda>
    <div clase = "control-grupo" > rehegua 
      <etiqueta clase = "control-label" para = "input01" > Jehaipyre jeike </etiqueta>  
      <div clase = "controles" > rehegua 
        < tipo de entrada = "texto" clase = "entrada-xlarge" id = "entrada01" >   
        <p class = "help-block" > Oipytyvõva pytyvõ jehaipyre </p> 
      </div> rehegua
    </div> rehegua
  </fieldset> rehegua
</form> rehegua

Bootstrap oguereko estilokuéra kundahára oipytyvõva oñembohapéva ha disabledestado-kuérape g̃uarã. Roipe’a Webkit ñepyrũrã outlineha romoĩ peteĩ box-shadowhendaguépe :focus.

---

Formulario jegueroviapy rehegua

Avei oike ipype umi estilo validación rehegua ojejavy, advertencia ha éxito rehegua. Eipuru hag̃ua, emoĩ pe mbo’esyry jejavy rehegua ijerére .control-group.

<camposet rehegua
  class = "jejavy control-grupo rehegua" >
  ...
</fieldset> rehegua

Entrada enfocada rehegua

Entrada ineditable rehegua

Oĩ omomba’éva ko’ápe

Entrada desactivada rehegua

Ojejokova’ekue vore’i

Kóva ha’e peteĩ vore’i oñemboykéva

Entrada con advertencia rehegua

Ikatu oime raʼe peteĩ mbaʼe oho vaíva

Oike jejavy reheve

Emohenda porãke pe jejavy

Insumo orekóva éxito

¡Woohoo!

Eiporavo éxito reheve

1. 1.1 2. 2.1 3.1 4 rehegua 5 rehegua ¡Woohoo!

Eñongatu umi ñemoambue Heja

Prepender & agregar umi insumo rehegua

Umi aty jeike rehegua —jehaipyre oñembojoapýva térã oñembojoapýva reheve— omeꞌe peteĩ tape ndahasýiva omeꞌe hag̃ua hetave contexto ne jeikekuérape g̃uarã. Umi techapyrã tuicháva oike @ signo Twitter puruhára rérape g̃uarã térã $ viru rehegua.

---

Umi cuadro de verificación ha umi rrádio

v1.4 peve, Bootstrap oikotevẽkuri marcado extra umi casilla de verificación ha radio jerére oñembojeheꞌa hag̃ua. Ko’áğa, ha’e peteĩ cuestión simple ojerrepeti haĝua pe <label class="checkbox">ombojeguáva pe <input type="checkbox">.

Avei oñepytyvõ umi casilla de verificación en línea ha umi radio. Oñembojoapy mante .inlineoimeraẽva .checkboxtérã .radioha rejapopa.

---

Umi formulario en línea ha omoĩ/prepender

Oipuru hag̃ua umi entrada prepend térã append peteĩ forma en línea-pe, katuete emoĩ pe .add-onha inputpeteĩ línea-pe, espacio’ỹre.

---

Forma texto de ayuda

Oñemoĩ hag̃ua ñe’ẽñemi pytyvõrã ne formulario jeikekuérape g̃uarã, emoinge ñe’ẽñemi pytyvõrã línea-pe orekóva <span class="help-inline">térã peteĩ jehaipyre pytyvõha bloque orekóva <p class="help-block">elemento jeike rire.

Oñeforma umi rejilla tuichakue

1. 1.1 2. 2.1 3.1 4 rehegua 5 rehegua 1. 1.1 2. 2.1 3.1 4 rehegua 5 rehegua 1. 1.1 2. 2.1 3.1 4 rehegua 5 rehegua

Eipuru umi .span*clase peteĩchagua sistema cuadrícula-gui umi entrada tuichakuépe g̃uarã.

Umi tamaño alternado rehegua

Ikatu avei eipuru umi mbo’esyry estática ndojapóiva mapa cuadrícula-pe, ojeadaptáva umi estilo CSS ombohováivape, térã omoĩva cuenta opaichagua control rehegua (techapyrã, inputvs. select).

Texto prependido rehegua

@ .

Ko'ápe oĩ peteĩ texto de ayuda

Texto oñembojoapýva

.00 rehegua

Ko'ápe oîve texto de ayuda

Oñembojoapy ha oñembojoapy mboyve

$ rehegua .00 rehegua

Oñembojoapy botón reheve

Ho!

Mokõi botón rehegua oñembojoapy

Jeheka Opciones rehegua

Umi cuadro de verificación en línea rehegua

1. 1.1 2. 2.1 3.1

Umi jesarekoha

Opción peteĩha ha’e kóva ha upéva —eñemoĩ katuete mba’érepa iporãiterei Opción mokõiha ikatu avei ojehecha ha oike umi resultado formulario-pe Pe opción mbohapyha ikatu —heẽ, pe’adivina— avei ojehecha ha oñemoinge umi resultado formulario-pe

Ñe’ẽñemi: Umi etiqueta ojere opaite opción rehe umi área clic tuichavévape g̃uarã ha peteĩ formulario ojepuruvévape g̃uarã.

Umi botón de radio rehegua

Opción peteĩha ha’e kóva ha upéva —eñemoĩ katuete mba’érepa iporãiterei Opción mokõiha ikatu ha’e ambue mba’e ha oiporavóramo odeseleccionáta opción peteĩha

Eñongatu umi ñemoambue Heja

Umi botón tembiaporãme g̃uarã

Convención ramo, umi botón ojepuruvaꞌerã tembiaporãme g̃uarãnte umi hipervínculo ojepuruvaꞌerã aja mbaꞌekuérape g̃uarã. Techapyrã, "Emboguejy" ha'eva'erã peteĩ mboajepyréva "mba'apo nda'aréi ojejapóva" katu ha'eva'erã peteĩ joajuha.

Umi estilo botón rehegua ikatu ojeporu oimeraẽ mbaꞌe rehe pe .btnclase ojeporúva reheve. Ha katu, típicamente reipuruse ko’ãva umi elemento -pe añoite <a>ha .<button>

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

Múltiple tamaño rehegua

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

Acción primaria rehegua Ojejapóva

Acción primaria rehegua Ojejapóva

Acción primaria rehegua Ojejapóva

Estado discapacitado rehegua

Umi botón oñemboykévape g̃uarã, emoĩ .disabledmbo’esyry umi enlace-pe ha disabledatributo umi <button>elemento-pe g̃uarã.

Enlace primario rehegua Joajuha

Botón primario rehegua Votõ

¡Akã yvate! Ko’ápe jaipuru .disabledclase utilidad ramo, ojoguáva .activeclase común-pe, upévare noñeikotevẽi prefijo.

Peteĩ mbo’esyry, heta etiqueta

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

Joajuha Votõ

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

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

• 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

Oñemopu’ã peteĩ sprite ramo

Opaite ikóna jajapo rangue peteĩ mba’ejerure ambuéva, ñambyaty peteĩ sprite-pe —peteĩ ta’ãngamýi aty peteĩ vore’ípe oipurúva CSS omoĩ hag̃ua ta’ãngamýi background-position. Kóva ha’e pe método roiporúva Twitter.com-pe ha omba’apo porã oréve ĝuarã.

Opaite icono mbo’esyry oñemboguapy mboyve .icon-téra espaciado ha alcance hekopete g̃uarã, ojoguaiterei ñande ambue componente-kuérape. Péicha oipytyvõta ani hag̃ua ojoavy ambue erramiénta ndive.

Glyphicons ome’ẽ oréve jepuru Halflings oñemohendava’ekue ore tembipuru’i código abierto-pe rome’ẽ aja peteĩ enlace ha crédito ko’ápe docs-pe. Epensamína rejapo hag̃ua avei upéicha umi ne projéktope.

Mba’éichapa ojeporu

Bootstrap oipuru peteĩ <i>etiqueta opaite icono-pe g̃uarã, ha katu ndorekói hikuái clase de caso —peteĩ prefijo oñembojaꞌopyréva añoite. 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:

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

Oĩ 120 mbo’esyry reiporavo hag̃ua nde iconokuérape g̃uarã. Emoĩnte peteĩ <i>etiqueta umi clase oike porãva reheve ha reñemohenda. Ikatu rejuhu lista henyhẽva sprites.less -pe térã ko’ápe voi ko kuatiaroguépe.

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

Umi káso jeporu rehegua

Umi icono tuichaiterei, ha katu moõpa oiporúta peteĩva? Ko’ápe oĩ mbovymi temiandu:

• Ta’ãngamýi ramo nde barra lateral jeguatarã
• Peteĩ navegación puramente icono-pe g̃uarã
• Umi botón oipytyvõvape g̃uarã oñembohasa hag̃ua mbaʼépa heʼise peteĩ tembiapo
• Umi enlace reheve okomparti hag̃ua contexto peteĩ puruhára destino-pe

Esencialmente, oimeraẽ hendápe ikatuhápe remoĩ peteĩ <i>etiqueta, ikatu remoĩ peteĩ icono.

Ombopyahu Ojehepyme’ẽ haguã Mboje'oha

Oje'éva Ñembohekorã Más Info

Dirección de correo electrónico rehegua