Escala tipográfica nisqa

Llapan qillqana mayt'uqa iskay Aswan pisi tikraqkunapim tikrasqanchikkunapi.aslla willañiqipi sayasqa kachkan: @baseFontSizechaymanta @baseLineHeight. Ñawpaq kaqmi tukuyninpi llamk'achisqa base font-size iskay kaqtaq base line-height nisqa.

Chay tikraqkunata llamk'achiyku, chaymanta wakin yupaykunata, tukuy layaykumanta chaymanta aswanta margenkuna, rellenokuna, chaymanta chiru-alturakuna ruwanapaq.

Ejemplo cuerpo texto

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus y magnis disparuriente montes, nascetur ridiculus mus nisqa. Nullam id dolor id nibh ultriciakuna antawakuna.

Copia de cuerpo de plomo

Huk parrafota aswan allinta qhawarichiy, chayta yapaspa .lead.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor nisqa suministrador nisqa. Duis mollis, est mana imayuq.

Enfasiswan rimaspa

Fusce dapibus , tellus ac cursus commodo , tortor mauris condimentum nibh , ut fermentum masa justo tiyay amet risus. Maecenas faucibus mollis nisqap chawpinpi kaq. Nulla vitae elit libero, huk pharetra augue.

Qhaway: Mana manchakuspa llamk'achiy <b>chaymanta <i>HTML5 kaqpi, ichaqa llamk'ayninqa huk chhikanta tikrakun. <b>es destinado a resaltar palabras o frases sin transmitir importancia adicional mientras <i>que es mayormente para voz, términos técnicos, etc.

Ejemplo direcciones

Kaypi iskay rikch'anakuna imayna <address>etiqueta llamk'achiy atikun:

795
Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890 llankaymanta

Tukuy Suti
ñ[email protected]

Ejemplo abreviaturas

Huk layayuq pisichasqakunaqa titlek'anchariq ch'ikuyuq ura k'itiyuqmi, yanapay kursutayuqtaq hover nisqapi. Kayqa usuariokunaman extra indicación qun imapas hover kaqpi rikuchisqa kanqa.

Claseta initialismhuk pisichasqaman yapay, qillqap armonía nisqa yapananpaq, aswan huch'uy qillqa sayayninta quspa.

HTML nisqaqa t'anta phatmasqamanta pacha aswan allin kaqmi.

Atributo simip pisichasqanqa attr .

<blockquote>Huk bloqueo nisqa churanapaq, mayqin HTML nisqatapas cita hina p'istuy . Chiqan citakunapaqqa huk <p>.

Incluye un elemento opcional <small>para citar tu fuente y obtendrás un tablero em —antes de él para propósitos de estilo.

<bloqueo nisqa>
  <p> Lorem ipsum dolor tiyay amet, consectetur adipiscing elit. Tukuy yupay posuere erat a ante venenatis. </p>
  <huch'uy> Pipas riqsisqa </small>
</blockquote> nisqa

Ñawpaqmanta churasqa bloquekuna kayhinam estilochasqa kachkan:

Lorem ipsum dolor tiyay amet, consectetur adipiscing elit. Tukuy yupay posuere erat huk ante venenatis.

Pipas riqsisqa Cuerpo de trabajo nisqapi

Blockquote nisqayki pañaman wayt'anaykipaqqa, yapay class="pull-right":

Lorem ipsum dolor tiyay amet, consectetur adipiscing elit. Tukuy yupay posuere erat huk ante venenatis.

Pipas riqsisqa Cuerpo de trabajo nisqapi

Mana kamachisqa

<ul>

• Lorem ipsum dolor tiyay amet
• Consectetur adipiscing nisqa elit
• Entero molestie lorem en massa
• Facilisis en aliquet nisl de pretio nisqa
• Nulla volutpat aliquam velit
  • Fasello iaculis nisqa neque nisqa
  • Purus sodales ultricas nisqa
  • Vestibulo laoreet porttitor sem
  • Ac tristique libero volutpat at
• Faucibus porta lacus fringilla vel
• Aenean tiyay amet erat nunc
• Eget porttitor lorem

Mana estiloyuq

<ul class="unstyled">

• Lorem ipsum dolor tiyay amet
• Consectetur adipiscing nisqa elit
• Entero molestie lorem en massa
• Facilisis en aliquet nisl de pretio nisqa
• Nulla volutpat aliquam velit
  • Fasello iaculis nisqa neque nisqa
  • Purus sodales ultricas nisqa
  • Vestibulo laoreet porttitor sem
  • Ac tristique libero volutpat at
• Faucibus porta lacus fringilla vel
• Aenean tiyay amet erat nunc
• Eget porttitor lorem

Kamachisqa

<ol>

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

Willay

<dl>

Listas de descripción

Huk sut'inchay listaqa allinmi términokunata sut'inchanapaq.

Euismod nisqa

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

Donec id elit mana mi porta gravida nisqapi eget metus nisqapi.

Malesuada porta

Etiam porta sem malesuada magna mollis euismod nisqamanta.

Descripción horizontal

<dl class="dl-horizontal">

Listas de descripción

Huk sut'inchay listaqa allinmi términokunata sut'inchanapaq.

Euismod nisqa

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

Donec id elit mana mi porta gravida nisqapi eget metus nisqapi.

Malesuada porta

Etiam porta sem malesuada magna mollis euismod nisqamanta.

Felis euismod semper eget lacinia nisqa

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum masa justo tiyay amet risus.

---

¡Umakuna wichayman! Horizontal sut'inchay listakunaqa ancha hatun términokunatam kuchunqa , paña columna allichaypi mana churanapaq text-overflow. Aswan k'iti qhawanakunapi, ñawpaqmanta churasqa pilasqa churanaman tikranqanku.

Inline

Chiru ukhupi chirusqakunata <code>.

Ejemplopaq , < code> t'aqa </ code > nisqataqa chiru ukhupi hinam p'istuykusqa kanan .  

Bloque básico

<pre>Achka chiru qillqakunapaq llamk'achiy . Aswan allinta ruwanapaq ima k'uchu corchetekunamantapas codigopi ayqiy.

<p>Kaypi qillqasqata rikuchiy...</p>

<pre> nisqa
  <p>Kaypi qillqasqata rikuchiy...</p>
</pre> nisqa

Qhaway: Aswan allinta <pre>etiquetakuna ukhupi codigota waqaychay pañaman aswan qayllapi; chaymi llapa tablakunata ruwanqa.

Munasqaykimanhina claseta yapayta atinki .pre-scrollablemayqinchus huk max-altura 350px kaqmanta churanqa chaymanta huk y-eje barra de desplazamiento qunqa.

Google nisqapi sumaqchay

Kikin elementota hapiy <pre>hinaspa iskay akllana clasekunata yapay allinchasqa ruwanapaq.

<p> Kaypi qillqasqata rikuchiy... </p>

<pre class = "sumaq qillqasqa." 
     linenukuna" >
  <p>Kaypi qillqasqata rikuchiy...</p>
</pre> nisqa

google-code-prettify nisqamanta uraykachiy chaymanta readme nisqa qhaway imayna llamk'achinapaq.

Sutichaq	Willay
<table>	Tabla nisqapi willakuykunata qawachinapaq elemento de envoltura
<thead>	Tabla umalliq filakuna ( <tr>) nisqapaq waqaychana elemento tabla columnakunata etiquetananpaq
<tbody>	Tablapa kurkunpi tabla filakunapaq ( <tr>) elemento contenedor
<tr>	Huk filapi rikuriq tabla celdakunap huñunpaq ( <td>icha ) waqaychana elemento<th>
<td>	Ñawpaqmanta churasqa tabla celda
<th>	Célula especial de tabla para columna (o fila, alcance y colocación) etiquetas nisqapaq A ukhupi llamk'achisqa kanan tiyan<thead>
<caption>	Descripción utaq resumen imakuna tabla hap'in, aswanta pantalla ñawiriqkunapaq allin

<mesa> nisqa
  <uma>
    <tr> nisqa
      <th> ... </th> nisqa
      <th> ... </th> nisqa
    </tr>
  </thead> nisqa
  <cuerpo> nisqa
    <tr> nisqa
      <td> ... </td> nisqa
      <td> ... </td> nisqa
    </tr>
  </tbody> nisqa
</tabla> nisqa

Tablakuna kikinmanta estilochasqa kanku pisi fronterakunallawan ñawirinapaq chaymanta estructurata waqaychaypaq. 2.0 nisqawanqa, .tableclase nisqatam mañakun.

<tabla clase = "tabla" > 
  ...
</tabla> nisqa

# .	Ñawpa suti	Taytamama suti	Nombre de usuario
1.	Marcos	Otto	@mdo nisqa
2.	Jacob	Thornton sutiyuq	@wira
3.	Larry	chay Pisqu	@twitter nisqapi

Huk chhika fancy mesaykikunawan zebra-rayado yapaspa —claseta yapaylla .table-striped.

Qhaway: Rayado tablakuna :nth-childCSS akllanata llamk'achinku chaymanta mana IE7-IE8 kaqpi kanchu.

<tabla clase = "tabla tabla-rayado" > 
  ...
</tabla> nisqa

# .	Ñawpa suti	Taytamama suti	Nombre de usuario
1.	Marcos	Otto	@mdo nisqa
2.	Jacob	Thornton sutiyuq	@wira
3.	Larry	chay Pisqu	@twitter nisqapi

Llapan mesa muyuriqpi bordekunata yapay, muyu k’uchukunatapas sumaq qhawarinapaq.

<tabla clase = "tabla tabla-frontera" > 
  ...
</tabla> nisqa

# .	Ñawpa suti	Taytamama suti	Nombre de usuario
1.	Marcos	Otto	@mdo nisqa
	Marcos	Otto	@getbootstrap nisqamanta
2.	Jacob	Thornton sutiyuq	@wira
3.	Larry chay P'isqu		@twitter nisqapi

Tablakunayki aswan compacta ruway claseta yapaspa .table-condensedtabla celdakuna acolchadota kuskanman kuchunapaq (8pxmanta 4pxkama).

<tabla clase = "tabla tabla-condensada" > 
  ...
</tabla> nisqa

# .	Ñawpa suti	Taytamama suti	Nombre de usuario
1.	Marcos	Otto	@mdo nisqa
2.	Jacob	Thornton sutiyuq	@wira
3.	Larry chay P'isqu		@twitter nisqapi

Mana manchakuspa mayqin tabla clasekunatapas hukllaway hukniray qhawaykunata aypanaykipaq mayqin clasekuna kaqtapas llamk'achispa.

<table class = "tabla tabla-rayado tabla-bordeado tabla-condensado" > 
  ...
</tabla> nisqa

	Lliw suti
# .	Ñawpa suti	Taytamama suti	Nombre de usuario
1.	Marcos	Otto	@mdo nisqa
2.	Jacob	Thornton sutiyuq	@wira
3.	Larry chay P'isqu		@twitter nisqapi

HTML y CSS flexible nisqa

Bootstrap kaqpi formulariokunamanta aswan allin kaqninqa llapa yaykuyniykikuna chaymanta controlkunayki ancha allinta qhawarikunku imaynatachus marcaykipi ruwanki chaypas. Mana HTML superfluo mañasqachu, ichaqa patronkunata quyku pikunachus chayta mañanku chaykunapaq.

Aswan sasachakuyniyuq churanakuna sucinto chaymanta escalable clasekunawan hamunku mana sasa estilo ruwanapaq chaymanta evento wataypaq, chayrayku sapa llamkanapi tapasqa kanki.

Tawa layouts incluidos

Bootstrap tawa laya formulario churanapaq yanapakuywan hamun:

• Sayaq (ñawpaqmanta churasqa) .
• Maskay
• Inline
• Kinranpa

Hukhina laya formulario churanakuna wakin tikraykunata marcanapaq munanku, ichaqa kikin kamachiykuna kaqlla qhipakunku chaymanta ruwanku.

Control estados y más

Bootstrap kaqpa formulariokuna llapa base formulario kamachiykunapaq estilokunayuq kanku imayna yaykusqa, textarea, chaymanta akllay suyasqayki. Ichaqa huk yupay componentes personalizados kaqwanpas hamun imayna yapasqa chaymanta ñawpaqmanta churasqa yaykuykuna chaymanta yanapakuy listakuna qhawaypaq.

Estadokuna pantay, willakuy, chaymanta allin ruway hina sapa laya formulario kamachiypaq churasqa kanku. Hinallataq mana atisqa kamachiykunapaq estilokuna churasqa kachkan.

Forma básica

Inteligente y ligero por defectos sin marca extra.

Etiqueta suti

Ejemplo bloque-nivel yanapakuy qillqa kaypi.

Qhawariway Apachiy

<forma clase = "allin" > 
  <etiqueta> Etiqueta suti </etiqueta>
  <yaykusqa laya = "qillqa" clase = "span3" churana = " Imatapas qillqay..." >   
  <span class = "help-block" > Kaypi bloque-nivel yanapakuy qillqamanta rikch'anachiy. </span> nisqa 
  <etiqueta clase = "chay qillqa" > 
    <input type = "checkbox" > Qhawariway 
  </etiqueta> nisqa
  <button type = "kachay " class = "btn" > Kachay </button>  
</form> nisqa

Formulario de búsqueda

.form-searchFormularioman hinaspa .search-querychayman yapay input.

Maskay

<form class = "allin formulario-maskay" > 
  <yaykusqa laya = "qillqa" clase = "yaykuna-chawpi maskana-tapuy" >  
  <button type = "kachay " class = "btn" > Maskay </button>  
</form> nisqa

Formulario en línea

Yanapay .form-inlineallinchaypaq sayaq alineacionta chaymanta espaciamientota controles de forma kaqmanta.

Yuyariway Yaykuy

<forma clase = "allin forma-inline" > 
  <yaykusqa laya = "qillqa" clase = "yaykusqa-huch'uy" tiyana = "Email" >   
  <yaykuna laya = "yaykuna rimay" class = "yaykuna-huch'uy" tiyana = "Yaykuna rimay" >   
  <etiqueta clase = "chay qillqa" > 
    <input type = "checkbox" > Yuyariway 
  </etiqueta> nisqa
  <button type = "kachay " class = "btn" > Yaykuy </button>  
</form> nisqa

Paña kaqpi rikuchisqa llapa ñawpaqmanta ruwasqa formulario kamachiykuna yanapasqayku. Kaypi kachkan chay lista de balas:

• qillqa yaykuna (qillqa, yaykuna rimay, correo electrónico, hukkunapas) .
• cuadro de verificación nisqapi
• radio nisqapi
• akllay
• achka akllay
• willañiqi yaykuchiy
• textarea nisqapi

Qillqa yaykuchiy

Libre forma qillqamanta aswan, mayqin HTML5 qillqamanta ruwasqa yaykuchiypas chayhinam rikurin.

Caja de verificación

Huk akllana kay chaymanta chay —ama hina kaspa churay imarayku ancha allin kasqanmanta

Lista nisqapi akllay

imapas 2. 3. 4. 5.

Multicon-akllay

1. 2. 3. 4. 5.

Willayta yaykuchiy

Área de texto

Tikrasqakunata waqaychay Sayachiy

Ejemplo de marcado

Hawa ejemplo formulario churay qusqa, kaypi marca ñawpaq yaykuy chaymanta kamachiy huñuwan tinkisqa. Chay .control-group, .control-label, chaymanta .controlsclasekuna llapanku necesitakunku estilo ruwanapaq.

<forma clase = "forma-horizontal" > 
  <chakra huñu>
    <leyenda> Leyenda qillqa </leyenda>
    <div clase = "kamachiy-huñu" > 
      <etiqueta clase = "control-etiqueta" para = "yaykusqa01" > Qillqa yaykuy </etiqueta>  
      <div clase = "kamachiykuna" > 
        <yaykusqa laya = "qillqa" clase = "yaykusqa-xhatun" id = "yaykusqa01" >   
        <p class = "help-block" > Yanapakuy qillqa </p> 
      </div> nisqa
    </div> nisqa
  </chakra churasqa>
</form> nisqa

Bootstrap estilokuna ruwan maskaq-yanapasqa enfocado chaymanta disabledestadokuna kaqpaq. Webkit ñawpaqmanta churasqa kaqta hurquyku outlinechaymanta huk box-shadowrantinpi churayku :focus.

---

Formulario nisqa validacion

Hinallataq pantasqakunapaq, willakuykunapaq, allin ruwaypaqpas chiqapchay estilokunata churan. Llamk'achinapaq, pantasqa claseta muyuriqninpi yapay .control-group.

<chakra huñu
  class = "kamachiy-qutu pantasqa" >
  ...
</chakra churasqa>

Enfocada nisqa yaykuy

Yaykuy mana allichay atina

Wakinqa kaypi chaninchanku

Mana llamk'achisqa yaykuy

Mana llamk'achisqa nisqa qillqana mayt'u

Kayqa mana llamk'achisqa qhaway qutu

Entrada con advertencia

Ichapas imapas mana allinchu karqa

Pantasqawan yaykuchiy

Ama hina kaspa, pantasqata allichay

Input con éxito

¡Woohoo!

Allinta akllay

1. 2. 3. 4. 5. ¡Woohoo!

Tikrasqakunata waqaychay Sayachiy

Insumos nisqakunata ñawpaqmanta churay & yapay

Yaykuy huñukuna —yapasqa utaq ñawpaq qillqawan— huk facil ñanta qun aswan contexto qunaykipaq yaykusqaykikunapaq. Hatun ejemplokuna @ señal Twitter usernames kaqpaq utaq $ qullqipaq.

---

Cajas de verificación y radios

v1.4 kaqkama, Bootstrap yapasqa marcayta mañarqa qhaway qutukuna chaymanta radiokuna muyuriqninpi chaykunata pilananpaq. Kunanqa, huk sasan asunto kutichiy chay <label class="checkbox">chaymi p'istuy chay <input type="checkbox">.

Inline nisqapi kaq cuadrokuna, radiokunapas yanapakunmi. Solo añadir .inlinea cualquiera .checkboxo .radioy estás hecho.

---

Formularios en línea y agregar/prepender

Prepend utaq yapay yaykuykunata huk chiru ukhupi formulariopi llamk'achinapaq, ama hina kaspa .add-onchaymanta chaymanta inputkikin chirupi churay, mana ch'usaqniyuq.

---

Yanapakuy qillqasqata ruray

Yanapakuy qillqata yapanaykipaq formulario yaykunaykipaq, chiru ukhupi yanapakuy qillqawan <span class="help-inline">utaq huk yanapakuy qillqa bloquewan <p class="help-block">yaykuna elementomanta qhipaman churay.

Formular tamaños de rejilla

1. 2. 3. 4. 5. 1. 2. 3. 4. 5. 1. 2. 3. 4. 5.

.span*Yaykuy sayaykunapaq rejilla sistemamanta kikin clasekunata llamk'achiy .

Tamaños alternas

Chantapas llamk'achiy atikunki mana kuyusqa clasekuna mana rejillaman mapa ruwankuchu, kutichiq CSS estilokunaman adaptanku utaq hukniray laya kamachiykunamanta yupayta ruwanki (kayhina, inputvs. select).

Ñawpaqmanta qillqasqa

@ .

Kaypi wakin yanapakuy qillqa

Qillqasqa yapasqa

.00 nisqa

Aquí hay más texto de ayuda

Apena y prepender

$ .00 nisqa

Añade con botón

Riy!

Iskay botonniyuq yapay

Maskay Akllanakuna

Inline nisqapi qillqanakuna

1. 2. 3.

Cajas de verificación

Huk akllana kay chaymanta chay —ama hina kaspa churay imarayku ancha allin kasqanmanta Iskay akllanatapas qhawarikunmanmi hinaspa formulariopa ruwasqankunapi churakunman Kimsa akllanaqa kanman —arí, adivinarqunki— qhawasqallataq kanman chaymanta formulario ruwaykunapi churasqa kanman

Qhaway: Etiquetakuna llapa akllanakunata muyurinku aswan hatun ñit'iy áreas kaqpaq chaymanta aswan llamk'anapaq formulario kaqpaq.

Radiopi kaq botones

Huk akllana kay chaymanta chay —ama hina kaspa churay imarayku ancha allin kasqanmanta Iskay akllana huk imapas kanman chaymanta akllayqa huk akllanata manaña akllanqachu

Tikrasqakunata waqaychay Sayachiy

Ruwaykunapaq botones

Huk convención hina, botones ruwanakunallapaq llamk'achisqa kanan tiyan chaymanta hipervínculos objetokunapaq llamk'achisqa kanan tiyan. Ejemplopaq, "Uraykachiy" huk ñit'ina kanan tiyan "qhipa ruway" huk t'inki kanan tiyan.

Botón estilokuna imamanpas churakunman .btnclase churasqawan. <a>Ichaqa, típicamente kaykunata sapalla chaymanta <button>elementokunaman churayta munanki .

Chimpapuray maskaqpa tupachiynin

IE9 mana qhipa gradientekunata muyu k'uchukunapi tarpunchu, chayrayku chayta hurquyku. Rimanakuy, IE9 mana llamk'achisqa buttonelementokunata jankifies, qillqata gris ruwan huk millay qillqa-llantuywan mana allichayta atisqanchik.

Achka sayayniyuq

¿Aswan hatunchu icha aswan huch’uy botonkunatachu munanki? Yapay .btn-large, .btn-small, utaq .btn-miniiskay yapasqa sayaypaq.

Primaria ruway Ruwana

Primaria ruway Ruwana

Primaria ruway Ruwana

Mana atiq suyu

.disabledMana atichisqa ñit'inakunapaq, t'inkikunaman claseta yapay chaymanta elementokunapaq disabledatributota .<button>

Enlace primario Tupana

Botón primario Ñitina

¡Umakuna wichayman! Kaypi .disabledhuk utilidad clase hina llamk'achiyku, común .activeclase kaqman rikch'akuq, chayrayku mana ñawpaq simita mañakunchu.

Huk clase, achka etiquetakuna

Chay .btnclaseta huk <a>, <button>, utaq <input>elemento nisqapi llamk’achiy.

Tupana Ñitina

<a class = "btn" href = "" > T'inki </a>  
<botón clase = "btn" tipo = "kachay " >  
  Ñitina
</boton> nisqa
<yaykusqa clase = "btn" tipo = "botón".  
         valor = "Yaykuy" >
<yaykuna clase = "btn" tipo = "kachay ".  
         valor = "Kachay" >

Aswan allin ruway hina, elementota tupachiyta kallpachakuy qampaq contexto tupachiyta chimpa-navegador ruwaypaq. Si tienes un input, utiliza un <input type="submit">para tu botón.

• icono-vidrio nisqa
• icono-musica
• icono-maskay
• icono-sobre nisqa
• icono-sunqu
• icono-quyllur
• icono-quyllur-ch'usaq
• icono-ruraq
• icono-pelicula nisqa
• icono-ñ-hatun
• icono-th
• icono-th-lista nisqa
• icono-allinmi
• icono-qichuy
• icono-zoom-in nisqa
• icono-zoom-out nisqa
• icono-apagado nisqa
• icono-señal nisqa
• icono-diente
• icono-basura
• icono-wasi
• icono-archivo nisqa
• icono-tiempo
• icono-ñan
• icono-descargar-alt
• icono-descargar nisqa
• icono-upload nisqa
• icono-inbox nisqa
• icono-pukllay-muyu
• icono-yapamanta ruway
• icono-refrescar nisqa
• icono-lista-alt
• icono-bloqueo
• icono-bandera
• icono-auriculares nisqa

• icono-volumen-apagado nisqa
• icono-volumen-uray
• icono-volumen-up nisqa
• icono-qrcode nisqa
• icono-código de barras nisqa
• icono-etiqueta nisqa
• icono-etiquetas nisqakuna
• icono-libro
• icono-marcador nisqa
• icono-impresión
• icono-cámara nisqa
• icono-fuente nisqa
• icono-negro nisqa
• icono-cursivo nisqa
• icono-texto-altura
• icono-texto-ancho nisqa
• icono-align-ichuq
• icono-align-chawpi
• icono-align-derecha
• icono-align-justificar
• icono-lista nisqa
• icono-indent-ichuq
• icono-indent-derecha
• icono-uya-pacha-video
• icono-siq’i
• icono-lapiz
• icono-mapa-markakuq
• icono-allinchay
• icono-tinta
• icono-editar
• icono-compartir
• icono-chequeo nisqa
• icono-kuyuchiy
• icono-paso-qhipaman
• icono-utqaylla-qhipaman

• icono-qhipaman
• icono-pukllay
• icono-pausa nisqa
• icono-parada
• icono-awpaqman
• icono-utqaylla ñawpaqman
• icono-paso-awpaqman
• icono-eject nisqa
• icono-chevron-izquierda nisqa
• icono-chevron-derecha
• icono-más-señal
• icono-menos-signo
• icono-qichuy-señal
• icono-allin-señal
• icono-tapuy-señal
• icono-info-signo nisqa
• icono-pantalla nisqa
• icono-qichuy-muyu
• icono-allin-muyu
• icono-prohibición-muyu
• icono-flecha-izquierda
• icono-flecha-derecha
• icono-flecha-up
• icono-flecha-uray
• icono-compartir-alt
• icono-tamaño-hunt’asqa
• icono-tamaño-huch’uy
• icono-plus nisqa
• icono-minus nisqa
• icono-quyllur
• icono-exclamación-signo
• icono-regalo
• icono-raphi
• icono-nina
• icono-ñawi-kichasqa

• icono-ñawi-wichqay
• icono-advertencia-señal
• icono-plano nisqa
• icono-calendario nisqa
• icono-al azar nisqa
• icono-comentarios nisqa
• icono-imán nisqa
• icono-chevron-up nisqa
• icono-chevron-uray
• icono-retweet nisqa
• icono-rantiq-carrito
• icono-carpeta-wichqay
• icono-carpeta-kichasqa
• icono-tamaño-vertical nisqa
• icono-tamaño-horizontal nisqa
• icono-hdd nisqa
• icono-bullhorn nisqa
• icono-campana
• icono-certificado nisqa
• icono-pulgares-up
• icono-pulgares-uray
• icono-maki-alliq
• icono-maki-ichuq
• icono-makiwan wichayman
• icono-makiwan urayman
• icono-muyu-flecha-derecha
• icono-muyu-flecha-izquierda
• icono-muyu-flecha-up
• icono-muyu-flecha-uray
• icono-globo nisqa
• icono-llave
• icono-tareakuna
• icono-filtro nisqa
• icono-maletín
• icono-pantalla hunt’a

Sprite hina ruwasqa

Sapa icono huk yapasqa mañakuy ruwanamantaqa, huk sprite kaqman huñuyku —huk willañiqipi huk qutu siq'ikuna CSS kaqwan siq'ikunata churanapaq llamk'achin background-position. Kayqa kikin método Twitter.com kaqpi llamk'achisqayku chaymanta allinta llamk'arqan ñuqaykupaq.

Llapan iconokuna clasekuna ñawpaq .icon-sutikuna espaciamientopaq chaymanta alcancepaq ñawpaqchasqa kanku, aswan wak componentesniyku hina. Chaynapim yanapakunqa huk yanapakuykunawan mana piñanakunanchikpaq.

Glyphicons Halflings churasqa llamk'ayta quwarqanku kichasqa qullqisapa yanapakuyniykupi chaymanta huk t'inki chaymanta crédito kaypi docs kaqpi qusqayku. Ama hina kaspa, proyectoykikunapipas chaynata ruwayta yuyaykuy.

Imaynatataq apaykachana

Bootstrap huk <i>etiqueta llapa iconokunapaq llamk'achin, ichaqa mana caso claseyuqchu kanku —huk rakisqa ñawpaq similla. Utilizanaykipaqqa kay codigota yaqa maypipas churay:

<i clase = "icon-maskay" ></i> 

Hinallataqmi kan estilokuna invertisqa (yuraq) iconokunapaq, huk yapasqa clasewan wakichisqa ruwasqa:

<i class = "siku-maskana icono-yuraq" ></i> 

140 clasekuna kanku akllanaykipaq iconoykikunapaq. Huk <i>etiquetata yapaylla allin clasekunawan chaymanta churasqa kanki. Huk hunt'asqa listata tarinki sprites.less nisqapi icha kaypipuni kay qillqapi.

¡Umakuna wichayman! Qillqap watiqankunap ladunpi llamk'achkaspa, imaynachus botones utaq nav t'inkikuna kaqpi, ama hina kaspa huk ch'usaqta saqiy <i>etiqueta qhipanpi allin t'inkisqa kananpaq.

Uso casos

Iconos nisqakunaqa ancha allinmi, ichaqa, ¿maypitaq huk runa chaykunata servichikunman? Kaypi iskay kimsa yuyaykuna kachkan:

• Lado barra purinaykipaq rikuykuna hina
• Puramente iconowan purichisqa puriypaq
• Huk ruwaypa ima ninan kasqanmanta willanapaq yanapananpaq botonkuna
• Huk llamk'achiqpa mayman risqanpi contexto rakinapaq t'inkikunawan

Esencialmente, maypipas huk <i>etiqueta churayta atikunki, huk icono churayta atikunki.

Refrescar Qhaway Chinkachiy

Rimasqa Ajustes Astawan yachaykunaykipaq

Dirección de correo electrónico