Umakuna

Llapan HTML umalliqkuna, <h1>a través de <h6>están disponibles.

h1. Uma 1.1

h2. Umalliq 2

h3. Uma 3.1

h4. Uma 4.1

h5. Umalliq 5

h6. Uma 6

Copia del cuerpo

Bootstrappa tukuypaq ñawpaqmanta churasqanqa font-size14px , huk line-height20px kaqwan . Kayqa churakunmi <body>hinaspa llapan parrafokunapipas. Chaymantapas, <p>(paragrafokuna) huk uray margenta chaskinku kuskan chiru-alturankumanta (10px ñawpaqmanta).

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.

Cum sociis natoque penatibus y magnis disparuriente montes, nascetur ridiculus mus nisqa. Donec ullamcorper nulla mana metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit nisqa. Donec ullamcorper nulla mana metus auctor fringilla.

Maecenas sed diam eget risus varius blandit tiyay amet mana magna. Donec id elit mana mi porta gravida nisqapi eget metus nisqapi. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit nisqa.

<p> ... </p>

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.

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

Construido con Menos

Escala tipográfica nisqa iskay LESS variables nisqapi variables nisqapi sayasqa kachkan.less : @baseFontSizey @baseLineHeight. Ñawpaq kaqmi tukuyninpi llamk'achisqa base font-size iskay kaqtaq base line-height nisqa. Chay variablekuna chaymanta wakin sanu matemáticas kaqwan llamk'achiyku margenkuna, rellenokuna, chaymanta chiru-alturakuna tukuy layaykumanta chaymanta aswan ruwanapaq. Personalizarlos y Bootstrap adapta.

Niypuni

HTML kaqpa ñawpaqmanta churasqa enfasis etiquetakuna llamp'u estilokunawan llamk'achiy.

`<small>`

Inline utaq bloques de texto nisqakunata manaña enfatizanaykipaqqa, huch'uy etiquetata llamk'achiy.

Kay chiru qillqasqaqa sumaq qillqasqa hina qhawanapaqmi.

<p> <huch'uy> Kay chiru qillqaqa sumaq qillqasqa hina qhawanapaqmi. </small> </p>

Yanacha

Aswan llasa letra-llasaqwan huk qillqasqata aswanta kallpanchanapaq.

Kay qatiq qillqasqaqa yana qillqa hinam ruwasqa kachkan .

<strong> yana qillqa hina tikrasqa </strong>

Cursiva

Huk qillqasqata kursivawan aswanta kallpanchanapaq.

Kay qatiq qillqasqaqa kursivawan qillqasqa hinam ruwasqa kachkan .

<em> kursivawan qillqasqa hina tikrasqa </em>

¡Umakuna wichayman!Sientete libre de usar <b>y <i>en HTML5. <b>es destinado a resaltar palabras o frases sin transmitir importancia adicional mientras <i>que es mayormente para voz, términos técnicos, etc.

Clases de alineación

Qillqa chiqanchay clasekunawan componentekunaman mana sasachakuspa musuqmanta chiqanchay.

Lloq’eman chiqanchasqa qillqasqa.

Chawpi chiqanchasqa qillqasqa.

Paña chiqanchasqa qillqasqa.

<p class = "text-left" > Lluq'iman chiqanchasqa qillqa. </p> 
<p class = "text-center" > Chawpi chiqanchasqa qillqa. </p> 
<p class = "text-right" > Paña chiqanchasqa qillqa. </p>

Clases de énfasis

Colorwan significadota apachiy huk makilla clases de utilidad de énfasis nisqawan.

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh nisqa.

Etiam porta sem malesuada magna mollis euismod nisqamanta.

Donec ullamcorper nulla mana metus auctor fringilla.

Enean eu leo quam. Pellentesco adorno sem lacinia quam venenatis nisqa.

Duis mollis, est mana commodo luctus, nisi erat porttitor ligula nisqa.

<p clase = "upallachisqa" > Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh. </p> 
<p class = "qillqa-willakuy" > Etiam porta sem malesuada magna mollis euismod. </p> 
<p class = "qillqa-pantasqa" > Donec ullamcorper nulla mana metus subasta fringilla. </p> 
<p clase = "qillqa-willakuy" > Enean eu leo quam. Pellentesco adorno sem lacinia quam venenatis nisqa. </p> 
<p clase = "qillqa-allin" > Duis mollis, est mana commodo luctus, nisi erat porttitor ligula. </p>

Pisichasqa simikuna

HTML kaqpa <abbr>elementonpa estilizasqa ruwaynin pisichasqakuna chaymanta siglas kaqpaq mast'arisqa laya hover kaqpi rikuchinapaq. Huk layayuq pisichasqakuna titlehuk k'anchariq ch'ikuyuq uray fronterayuq chaymanta huk yanapakuy kursuta hover kaqpi, huk contexto hover kaqpi qun.

`<abbr>`

Huk pisichasqapa suni llamk'ayninpi mast'arisqa qillqapaq, titleatributota churay.

Atributo simip pisichasqanqa attr .

<abbr title = "atributo" > attr </abbr>

`<abbr class="initialism">`

.initialismAswan huch'uy qillqap sayayninpaq pisichasqa simiman yapay .

HTML nisqaqa t'anta phatmasqamanta pacha aswan allin kaqmi.

<abbr title = "HyperText Markup Simi" class = "qallarichiy" > HTML </abbr>

Direcciones

Aswan qaylla tayta mamapaq utaq llapa llamkaypa kurkunpaq rimanakuy willakuykunata riqsichiy.

`<address>`

Llapan chirukunata <br>.

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

Tukuy Suti
ñ[email protected]

<direccionnin>
  <strong> Twitter, Inc. nisqamanta </strong><br>
  795 Folsom Ave, Suite 600 nisqapi tiyaq runakuna
  San Francisco, CA 94107 <br>
  <abbr title = "Telefono" > P: </abbr> (123) 456-7890 nisqapi 
</direccionnin>
 
<direccionnin>
  <strong> Lliw Suti </strong><br>
  <a href = "mailto:#" > ñ[email protected] </a> 
</direccionnin>

Bloqueo nisqa

Qillqayki ukhupi huk pukyumanta bloquekuna contenidomanta citasqaykirayku.

Ñawpaqmanta churasqa bloqueo

<blockquote>Ima HTMLtapas cita hina p'istuy . Chiqan citakunapaqqa huk <p>.

Lorem ipsum dolor tiyay amet, consectetur adipiscing elit. Entero posuere erat a ante.

<bloqueo nisqa>
  <p> Lorem ipsum dolor tiyay amet, consectetur adipiscing elit. Entero posuere erat a ante. </p>
</blockquote> nisqa

Blockquote nisqa akllanakuna

Estilo chaymanta contenido tikraykuna huk blockquote estándar kaqpi sanu variaciones kaqpaq.

Huk pukyuta sutichay

<small>Pukyuta riqsichinapaq etiqueta yapay . Pukyu llamk'aypa sutinta <cite>.

Lorem ipsum dolor tiyay amet, consectetur adipiscing elit. Entero posuere erat a ante.
Pipas riqsisqa Fuente Titulo nisqapi

<bloqueo nisqa>
  <p> Lorem ipsum dolor tiyay amet, consectetur adipiscing elit. Entero posuere erat a ante. </p>
  <small> Pipas riqsisqa <cite title = "Pukyupa Titulon" > Pukyupa Titulon </cite></small> 
</blockquote> nisqa

Huk qhawarichiykuna

.pull-rightHuk unupi purisqa, pañaman chiqanchasqa bloquepaq llamk'achiy .

Lorem ipsum dolor tiyay amet, consectetur adipiscing elit. Entero posuere erat a ante.
Pipas riqsisqa Fuente Titulo nisqapi

<blockquote clase = "aysay-alliq" > 
  ...
</blockquote> nisqa

Listakuna

Mana kamachisqa

Lista de artículos en los que el orden no importa explícitamente importa.

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

<ul> nisqa
  <li> ... </li> nisqa
</ul>

Kamachisqa

Lista de artículos en los que el orden hace explícitamente importa.

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
Faucibus porta lacus fringilla vel
Aenean tiyay amet erat nunc
Eget porttitor lorem

<ol> nisqa
  <li> ... </li> nisqa
</ol> nisqa

Mana estiloyuq

Lista elementokunapi ñawpaqmanta chaymanta lluq'i acolchadota hurquy list-style(chaylla wawakunalla).

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

<ul clase = "mana estiloyuq" > 
  <li> ... </li> nisqa
</ul>

Inline

Llapan lista kaqkunata huk chirullapi churay inline-blockchaymanta wakin k’anchay acolchado kaqwan.

Lorem ipsum
Fasello iaculis nisqa
Nulla volutpat

<ul clase = "inline" > 
  <li> ... </li> nisqa
</ul>

Willay

Huk lista términokuna chaywan tupaq willakuykunawan.

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.

<dl> nisqa
  <dt> ... </dt> nisqa
  <dd> ... </dd> nisqa
</dl> nisqa

Descripción horizontal

Términos y descripciones en <dl>filapi lado-lado ruway.

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.

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

¡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, <section>inline hinam wankusqa kanan.

Ejemplopaq , < code> & lt ; t'aqa & gt ;</ 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

¡Umakuna wichayman!Aswan allinta <pre>etiquetakuna ukhupi codigota waqaychay aswan qayllamanta lluq'i kaqman; chaymi llapa tablakunata ruwanqa.

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

Ñawpaqmanta churasqa estilokuna

Estilo básico kaqpaq —k'anchay acolchado kaqpaq chaymanta horizontal rakiqkunallapaq— yapay clase base .tablekaqmanta mayqin kaqmanpas <table>.

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

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

Clases opcionales nisqa

Kay qatiq clasekunamanta mayqintapas yapay chay .tablebase claseman.

`.table-striped`

Zebra-striping mayqin tabla filamanpas yapan chaymanta <tbody>via :nth-childCSS akllaq (mana IE7-8 kaqpi kanchu).

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

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

`.table-bordered`

Mesaman bordekunata, muyu k’uchukunata ima yapay.

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

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

`.table-hover`

Huk <tbody>.

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

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

`.table-condensed`

Mesakunata aswan compacta ruwan, celda acolchadota kuskanman kuchuspa.

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

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

Clases de fila opcionales

Tabla filakunata llimp’inapaq contextual clasekunata llamk’achiy.

Yachakuna	Willay
`.success`	Allin ruwasqa utaq allin ruwasqa kasqanmantam qawachin.
`.error`	Peligroso otaq mana allin ruway kasqanmantan willan.
`.warning`	Huk advertenciatam qawachin, chay willakuyqa allintam qawana kanman.
`.info`	Ñawpaqmanta churasqa estilokunaman huk alternativa hina llamk'achisqa.

# .	Ruru	Pago Tomado	Imayna kaynin
1.	TB - Killamanta	01/04/2012 watapi	Uyakusqa
2.	TB - Killamanta	02/04/2012 watapi	Mana munasqa
3.	TB - Killamanta	03/04/2012 watapi	Kaqraq
4.	TB - Killamanta	04/04/2012 watapi	Llama en para confirmar

...
  < tr clase = "allin ruway" >
    <td> 1 < /td> nisqa
    <td>TB - Killamanta</ td >
    <td> 01 / 04 / 2012 watapi < /td>
    <td>Aprobasqa</ td >
  </ tr > nisqa
...

Yanapasqa tabla marcado

Lista yanapasqa tabla HTML elementokuna chaymanta imayna llamk'achinan tiyan.

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>`	Sapaq tabla celda columnapaq (utaq fila, alcancemanta chaymanta churasqamanta) etiquetakunapaq
`<caption>`	Descripción utaq resumen imakuna tabla hap'in, aswanta pantalla ñawiriqkunapaq allin

<mesa> nisqa
  <caption> ... </caption> 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

Ñawpaqmanta churasqa estilokuna

Sapanchasqa formulario kamachiykuna estilota chaskinku, ichaqa mana ima munasqa clase base kaqpi chay <form>utaq hatun tikraykuna marcapi kaqpi. Formulario kamachiykuna patapi pilasqa, lluq'iman chiqanchasqa etiquetakuna ruwan.

<forma> nisqa
  <chakra huñu>
    <leyenda> Leyenda </leyenda>
    <etiqueta> Etiqueta suti </etiqueta>
    <input type = "text" placeholder = "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>  
  </chakra churasqa>
</form> nisqa

Disposiciones opcionales

Bootstrap kaqwan yapasqa kimsa akllana formulario churaykuna común llamkana casos kaqpaq.

Formulario de búsqueda

.form-searchFormularioman chaymanta .search-querychayman yapay <input>huk extra-redondo qillqa yaykuypaq.

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

Formulario en línea

.form-inlineLluq'i chiqanchasqa etiquetakunapaq chaymanta chiru-bloque kamachiykunapaq huk compacto churanapaq yapay .

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

Forma horizontal nisqa

Etiquetakunata pañaman chiqanchay hinaspa lluq'iman wayt'ay, controlkuna hina kikin chirupi rikurinanpaq. Aswan marka tikraykunata huk ñawpaqmanta ruwasqa formulariomanta mañan:

.form-horizontalFormularioman yapay
Envolver etiquetas y controles en.control-group
.control-labelEtiquetaman yapay
Ima tinkisqa kamachiykunatapas .controlsallin chiqanchasqa kananpaq p'istuy

<forma clase = "forma-horizontal" > 
  <div clase = "kamachiy-huñu" > 
    <label class = "control-label" for = "yaykusqaEmail" > Correo electrónico </etiqueta>  
    <div clase = "kamachiykuna" > 
      <yaykusqa laya = "qillqa" id = "yaykusqaEmail" tiyana = "Email" >   
    </div> nisqa
  </div> nisqa
  <div clase = "kamachiy-huñu" > 
    <label class = "control-label" for = "yaykuna Yaykuna rimay" > Yaykuna rimay </etiqueta>  
    <div clase = "kamachiykuna" > 
      <yaykuna laya = "yaykuna rimay" id = "yaykuna Yaykuna rimay " placeholder = "Yaykuna rimay" >   
    </div> nisqa
  </div> nisqa
  <div clase = "kamachiy-huñu" > 
    <div clase = "kamachiykuna" > 
      <etiqueta clase = "chay qillqa" > 
        <input type = "checkbox" > Yuyariway 
      </etiqueta> nisqa
      <button type = "kachay " class = "btn" > Yaykuy </button>  
    </div> nisqa
  </div> nisqa
</form> nisqa

Yanapasqa formulario kamachiykuna

Huk ejemplo formulario churaypi yanapasqa formulario kamachiykuna estándar kaqmanta ejemplokuna.

Insumos

Aswan riqsisqa formulario kamachiy, qillqapi sayasqa yaykuna pampakuna. Llapan HTML5 layakuna yanapakuyta yapan: qillqa, yaykuna rima, p'unchaw pacha, p'unchaw pacha-llaqta, p'unchaw, killa, pacha, semana, yupay, correo electrónico, url, maskana, tel, chaymanta llimp'i.

Requiere el uso de un especificado typeen todo momento.

<yaykusqa laya = "qillqa" placeholder = "Qillqa yaykuy" >

Área de texto

Control de formas nisqa mayqinchus achka chiru qillqakunata yanapan. rowsNecesario kasqanman hina atributota cambiay .

<textarea filakuna = "3" ></textarea>

Cajas de verificación y radios

Checkboxkuna huk utaq achka akllanakuna huk lista kaqpi akllanapaq kanku radiokuna huk akllanakuna achkamanta akllanapaq kanku.

Ñawpaqmanta churasqa (pilasqa) .

<etiqueta clase = "chay qillqa" > 
  <yaykusqa laya = "qhaway qutu" chani = "" >  
  Huk akllana kay chaymanta chay —ama hina kaspa churay imarayku ancha allin kasqanmanta
</etiqueta> nisqa
 
<etiqueta clase = "radio" > 
  <yaykuna laya = "radio" suti = "akllanakunaRadiokuna" id = "akllanakunaRadiokuna1" chani = "akllana1" qhawasqa >     
  Huk akllana kay chaymanta chay —ama hina kaspa churay imarayku ancha allin kasqanmanta
</etiqueta> nisqa
<etiqueta clase = "radio" > 
  <yaykuna laya = "radio" suti = "akllanakunaRadiokuna" id = "akllanakunaRadiokuna2" chani = "akllana2" >    
  Iskay akllana huk imapas kanman chaymanta akllayqa huk akllanata manaña akllanqachu
</etiqueta> nisqa

Inline nisqapi qillqanakuna

Yanapakuy .inlineclaseta huk serie cuadros de verificación utaq radiokuna controlkuna kikin chirupi rikurinanpaq.

<etiqueta clase = "checkbox inline" > 
  <yaykusqa laya = "qhaway qutu" id = "inlineCheckbox1" chani = "akllana1" > 1   
</etiqueta> nisqa
<etiqueta clase = "checkbox inline" > 
  <yaykusqa laya = "qhaway qutu" id = "inlineCheckbox2" chani = "akllana2" > 2   
</etiqueta> nisqa
<etiqueta clase = "checkbox inline" > 
  <yaykusqa laya = "qhaway qutu" id = "inlineCheckbox3" chani = "akllana3" > 3   
</etiqueta> nisqa

Akllan

Ñawpaqmanta akllanata llamk'achiy utaq a multiple="multiple"niy achka akllanakunata huk kutillapi rikuchinaykipaq.

<akllay>
  <akllana> 1 </akllana>
  <akllana> 2 </akllana>
  <akllana> 3 </akllana>
  <akllana> 4 </akllana>
  <akllana> 5 </akllana>
</akllay>
 
< achka akllay = "achka" > 
  <akllana> 1 </akllana>
  <akllana> 2 </akllana>
  <akllana> 3 </akllana>
  <akllana> 4 </akllana>
  <akllana> 5 </akllana>
</akllay>

Controles de formulario nisqakunata mast’ariy

Kaqlla maskaq kamachiykuna patamanta yapaspa, Bootstrap wak allin formulario componentes kaqninta yapan.

Insumos prependidos y apendidos

Qillqata utaq ñit'inakunata yapay ima qillqamanta ruwasqa yaykuchiymanta ñawpaq utaq qhipa. selectKaypi elementokuna mana yanapasqa kasqankuta reparay .

Ñawpaqmanta churasqa akllanakuna

Hukwan hukwan iskay clasemanta hukninwan p'istuy, .add-onhuk inputqillqasqaman ñawpaqmanta qillqanapaq utaq yapanapaq.

<div clase = "yaykuchiy-ñawpaqmanta churay" > 
  <span clase = "yapasqa" > @ </span> 
  <yaykusqa clase = "span2" id = "prependedInput" laya = "qillqa" tiyana = "Ruraqpa sutin" >    
</div> nisqa
<div clase = "yaykuchiy-yapay" > 
  <yaykusqa clase = "span2" id = "yapasqaYaykusqa" laya = "qillqa" >   
  <span clase = "yapasqa" > .00 </span> 
</div> nisqa

Huñusqa

Iskaynin clasekunata iskay instanciakunatapas .add-onllamk'achiy huk yaykuchiyta ñawpaqmanta churanapaq chaymanta yapanapaq.

<div class = "yaykuy-ñawpaqmanta churay yaykuchiy-yapachiy" > 
  <span clase = "yapasqa" > $ </span> 
  <yaykusqa clase = "span2" id = "yapasqaPrependedYaykuna" tipo = "qillqa" >   
  <span clase = "yapasqa" > .00 </span> 
</div> nisqa

Textopa rantinpi botones

Qillqawan <span>huk .btnninamantaqa, huk ñit'inata (icha iskay) huk qillqasqaman k'askanaykipaq llamk'achiy.

<div clase = "yaykuchiy-yapay" > 
  <yaykusqa clase = "span2" id = "yapasqaYaykuyButton" tipo = "qillqa" >   
  <botón clase = "btn" tipo = "botón" > ¡Riy! </boton> nisqa  
</div> nisqa

<div clase = "yaykuchiy-yapay" > 
  <yaykusqa clase = "span2" id = "yapasqaYaykuyBotonkuna" tipo = "qillqa" >   
  <button class = "btn" type = "button" > Maskay </button>  
  <botón clase = "btn" tipo = "botón" > Akllanakuna </button>  
</div> nisqa

Botón urayk’aqkuna

<div clase = "yaykuchiy-yapay" > 
  <yaykusqa clase = "span2" id = "yapachisqaDropdownButton" laya = "qillqa" >   
  <div clase = "btn-huñu" > 
    <button class = "btn urayk'aq-t'ikray" data-t'ikray = "uraq" >  
      Ruwana
      <span clase = "caret" ></span> 
    </boton> nisqa
    <ul clase = "uraq-menú" > 
      ...
    </ul>
  </div> nisqa
</div> nisqa

<div clase = "yaykuchiy-ñawpaqmanta churay" > 
  <div clase = "btn-huñu" > 
    <button class = "btn urayk'aq-t'ikray" data-t'ikray = "uraq" >  
      Ruwana
      <span clase = "caret" ></span> 
    </boton> nisqa
    <ul clase = "uraq-menú" > 
      ...
    </ul>
  </div> nisqa
  <yaykuna clase = "span2" id = "prependidoDropdownButton" laya = "qillqa" >   
</div> nisqa

<div class = "yaykuy-ñawpaqmanta churay yaykuchiy-yapachiy" > 
  <div clase = "btn-huñu" > 
    <button class = "btn urayk'aq-t'ikray" data-t'ikray = "uraq" >  
      Ruwana
      <span clase = "caret" ></span> 
    </boton> nisqa
    <ul clase = "uraq-menú" > 
      ...
    </ul>
  </div> nisqa
  <yaykusqa clase = "span2" id = "yapasqaPrependedDropdownButton" laya = "qillqa" >   
  <div clase = "btn-huñu" > 
    <button class = "btn urayk'aq-t'ikray" data-t'ikray = "uraq" >  
      Ruwana
      <span clase = "caret" ></span> 
    </boton> nisqa
    <ul clase = "uraq-menú" > 
      ...
    </ul>
  </div> nisqa
</div> nisqa

Segmentado nisqa urayk’aq huñukuna

<forma> nisqa
  <div clase = "yaykuchiy-ñawpaqmanta churay" > 
    <div clase = "btn-huñu" > ... </div> 
    <yaykuna laya = "qillqa" > 
  </div> nisqa
  <div clase = "yaykuchiy-yapay" > 
    <yaykuna laya = "qillqa" > 
    <div clase = "btn-huñu" > ... </div> 
  </div> nisqa
</form> nisqa

Formulario de búsqueda

<forma clase = "forma-maskay" > 
  <div clase = "yaykuchiy-yapay" > 
    <yaykuna laya = "qillqa" clase = "span2 maskana-tapuy" >  
    <button type = "kachay " class = "btn" > Maskay </button>  
  </div> nisqa
  <div clase = "yaykuchiy-ñawpaqmanta churay" > 
    <button type = "kachay " class = "btn" > Maskay </button>  
    <yaykuna laya = "qillqa" clase = "span2 maskana-tapuy" >  
  </div> nisqa
</form> nisqa

Control de tamaño

Relativo sayay clasekuna llamk'achiy imayna .input-largeutaq tupachiy yaykuyniykikunata rejilla columna sayaykunaman .span*clasekuna llamk'achispa.

Insumos de nivel de bloque

Mayqintapas <input>utaq <textarea>elementotapas bloque nivel elemento hina purichiy.

<yaykusqa clase = "yaykusqa-bloque-nivel" tipo = "texto" lugarholder = ".yaykuy-bloque-nivel" >

Tamaño relativo

<yaykusqa clase = "yaykusqa-mini" laya = "qillqa" tiyana = ".yaykusqa-mini" >   
<yaykusqa clase = "yaykusqa-huch'uy" laya = "qillqa" tiyana = ".yaykusqa-huch'uy" >   
<yaykusqa clase = "yaykuna-chawpi" laya = "qillqa" tiyana = ".yaykuna-chawpi" >   
<yaykusqa clase = "yaykusqa-hatun" laya = "qillqa" tiyana = ".yaykusqa-hatun" >   
<yaykusqa clase = "yaykusqa-xhatun" laya = "qillqa" tiyana = ".yaykusqa-xhatun" >   
<yaykusqa clase = "yaykusqa-xxhatun" laya = "qillqa" tiyana = ".yaykusqa-xxhatun" >

¡Umakuna wichayman!Hamuq layakunapi, kay relativo yaykuna clasekuna llamk'ayta tikrasaqku botón sayayniykuwan tupananpaq. Ejemplopaq, .input-largehuk yaykuchiypa relleno kaqninta chaymanta font-tamaño kaqninta yapanqa.

Rejilla de tamaño

Rejilla columnakunap kikin sayayninwan tupaq yaykuykunapaq .span1to nisqawan llamk'achiy ..span12

<yaykusqa clase = "span1" laya = "texto" nisqa churana = " .span1 " >   
<yaykusqa clase = "span2" laya = "texto" nisqa churana = " .span2 " >   
<yaykusqa clase = "span3" laya = "texto" tiyana = ".span3" >   
< clase akllay = "span1" > 
  ...
</akllay>
< clase akllay = "span2" > 
  ...
</akllay>
< clase akllay = "span3" > 
  ...
</akllay>

Sapa chirupi achka llika yaykuykunapaq, allin rakinapaq tikraq claseta llamk'achiy.controls-row . Yuraq-ch'usaq urmachinapaq yaykusqakunata wayt'an, allin margenkunata churan, wayt'ayta ch'uyanchan.

<div clase = "kamachiykuna" > 
  <yaykuna clase = "span5" laya = "qillqa" tiyana = ".span5" >   
</div> nisqa
<div class = "kamachiykuna-fila" > 
  <yaykusqa clase = "span4" laya = "qillqa" tiyana = ".span4" >   
  <yaykusqa clase = "span1" laya = "texto" nisqa churana = " .span1 " >   
</div> nisqa
...

Insumos ineditables

Willayta huk formulariopi rikuchiy mayqinchus mana llamk'achiy atikunchu mana chiqa formulario markayta llamk'achispa.

<span class = "input-xlarge uneditable-input" > Kaypi wakin chani </span>

Ruwaykunata rurana

Huk formulariota huk huñu ruwaykunawan (botones) tukuchiy. Huk ukhupi churasqa kaqtin .form-actions, botones kikinmanta k'askakunqa formulario kamachiykunawan chiqan kananpaq.

<div clase = "forma-ruray" > 
  <button type = "submit" class = "btn btn-primary" > Hukchasqakunata waqaychay </button>  
  <botón tipo = "botón" clase = "btn" > Cancelar </botón>  
</div> nisqa

Yanapakuy qillqa

Yanapakuy qillqapaq chiru ukhupi chaymanta hark'ay pata yanapakuy mayqinchus formulario kamachiykuna muyuriqpi rikukun.

Yanapakuy en línea

<yaykusqa laya = "qillqa" ><span class = "yanapakuy-inline" > Chiru ukhupi yanapakuy qillqa </span>

Yanapakuy harkay

<input type = "text" ><span class = "help-block" > Yanapakuy qillqap aswan suni hark'an, musuq chiruman p'akispa, huk chirumanta aswan mast'arikunman. </span> nisqa

Forma control nisqa suyukuna

Ruwaqkunaman utaq watukuqkunaman yuyaychaykunata quy, formulario kamachiykunamanta chaymanta etiquetakunamanta qallariy yuyayniyuq estadokunawan.

Enfoque de entrada

outlineWakin formulario kamachiykunapi ñawpaqmanta ruwasqa estilokunata hurquyku chaymanta huk box-shadowrantinpi churayku :focus.

<input class = "input-xlarge" id = "enfocadoInput" type = "texto" valor = "Kayqa t'inkisqa kachkan..." >

Mana allin qillqasqakuna

Estilo yaykuykuna ñawpaqmanta maskaq ruwanakuna kaqnintakama :invalid. Huk nisqa willay , chakra mana akllana kaptinqa laya typeyapay required, chaymanta (sichus ruwanapaq) huk pattern.

Kayqa mana Internet Explorer 7-9 kaqpa layakunapi kanchu CSS yanqa akllaqkuna mana yanapakuy kasqanrayku.

<yaykusqa clase = "span3" laya = "correo electrónico" nisqa munasqa >

Mana llamk’achisqa yaykuykuna

Huk yaykusqapi atributota yapay, disabledllamk'achiqpa yaykuyninta hark'anapaq chaymanta huk pisi wak qhawayta llamk'achinapaq.

<input class = "input-xlarge" id = "disabledInput" type = "text" placeholder = "Kaypi mana llamk'achisqa yaykuy..." mana llamk'achisqa >

Validación nisqa

Bootstrap pantaypaq, willakuypaq, willakuypaq chaymanta allin willakuypaq chiqaqchay estilokunayuq. Utilizanaykipaqqa, muyuriqninpi kaqman tupaq claseta yapay .control-group.

<div class = "kamachiy-qutu willakuy" > 
  <label class = "control-label" for = "yaykuyWarning" > Willakuywan yaykuchiy </label>  
  <div clase = "kamachiykuna" > 
    <yaykusqa laya = "qillqa" id = "yaykuyAdvertencia" >  
    <span class = "help-inline" > Imapas mana allintachu rirqan </span> 
  </div> nisqa
</div> nisqa
 
<div class = "kamachiy-qutu pantasqa" > 
  <label class = "control-label" for = "inputError" > Pantasqawan yaykuchiy </label>  
  <div clase = "kamachiykuna" > 
    <yaykusqa laya = "qillqa" id = "yaykunaPantay" >  
    <span class = "help-inline" > Ama hina kaspa, pantasqata allichay </span> 
  </div> nisqa
</div> nisqa
 
<div clase = "kamachiy-qutu willakuy" > 
  <label class = "control-label" for = "inputInfo" > Willakuywan yaykuchiy </label>  
  <div clase = "kamachiykuna" > 
    <yaykusqa laya = "qillqa" id = "yaykusqaWillakuy" >  
    <span class = "help-inline" > Ruraqpa sutinqa hap'isqañam </span> 
  </div> nisqa
</div> nisqa
 
<div class = "kamachiy-qutu allin ruway" > 
  <label class = "control-label" for = "inputSuccess" > Allin kaqwan yaykuchiy </label>  
  <div clase = "kamachiykuna" > 
    <yaykusqa laya = "qillqa" id = "yaykuyAllin" >  
    <span clase = "yanapay-inline" > Woohoo! </span> nisqa 
  </div> nisqa
</div> nisqa

Ñawpaqmanta churasqa botones

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

Ñitina	clase="" nisqa.	Willay
	`btn`	Botón gris estándar con gradiente
	`btn btn-primary`	Yapa rikuy llasayta qun chaymanta huk huñu botones kaqpi primaria ruwayta riqsichin
	`btn btn-info`	Ñawpaqmanta churasqa estilokunaman huk alternativa hina llamk'achisqa
	`btn btn-success`	Allin ruwasqa utaq allin ruwasqa kasqanmantam qawachin
	`btn btn-warning`	Indica cuidado debe tomar con esta acción
	`btn btn-danger`	Peligroso otaq mana allin ruway kasqanmantan willan
	`btn btn-inverse`	Yana gris botón alterna, mana huk semántica ruwayman utaq llamk'achiyman watasqachu
	`btn btn-link`	Huk ñit'inata pisiyachiy, huk t'inkiman rikch'achispa, ñit'inap ruwayninta waqaychaspa

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.

Tamaños de botones

¿Aswan hatunchu icha aswan huch’uy botonkunatachu munanki? Yapay .btn-large, .btn-small, icha .btn-minihuk hatun sayaykunapaq.

<p> nisqa
  <button class = "btn btn-hatun btn-primary" type = "button" > Hatun ñit'ina </button>  
  <button class = "btn btn-hatun" type = "button" > Hatun ñit'ina </button>  
</p>
<p> nisqa
  <button class = "btn btn-primary" type = "button" > Ñawpaqmanta churasqa ñit'ina </button>  
  <button class = "btn" type = "button" > Ñawpaqmanta churasqa ñit'ina </button>  
</p>
<p> nisqa
  <button class = "btn btn-huch'uy btn-primary" type = "button" > Huch'uy ñit'ina </button>  
  <button class = "btn btn-huch'uy" type = "button" > Huch'uy ñit'ina </button>  
</p>
<p> nisqa
  <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>

Bloque nivel botones ruway —chaykuna huk tayta-mamapa hunt'a anchunta span— yapaspa .btn-block.

<button class = "btn btn-hatun btn-bloqueo btn-primary" type = "button" > Hark'ay pata ñit'ina </button>  
<button class = "btn btn-hatun btn-block" type = "button" > Hark'ay pata ñit'ina </button>

Mana atiq suyu

Botonkunata mana ñit’inapaq hina qhawarichiy 50% kutichispa.

Elemento de anclaje

.disabledChay claseta <a>botonkunaman yapay .

Enlace primario Tupana

<a href = "#" class = "btn btn-hatun btn-primaria mana llamk'achisqa" > Ñawpaq t'inki </a>  
<a href = "#" class = "btn btn-hatun mana llamk'achisqa" > T'inki </a>

¡Umakuna wichayman!Kaypi .disabledhuk utilidad clase hina llamk'achiyku, común .activeclase kaqman rikch'akuq, chayrayku mana ñawpaq simita mañakunchu. Hinallataq, kay claseqa estética nisqallapaqmi; kaypi t'inkikunata mana llamk'achinaykipaqqa sapanchasqa JavaScript llamk'achinayki tiyan.

Elemento de botón

disabledChay atributota <button>botonkunaman yapay .

<button type = "button" class = "btn btn-hatun btn-primary mana llamk'achisqa" mana llamk'achisqa = "mana llamk'achisqa" > Ñawpaq kaq ñit'ina </button>   
<button type = "button" class = "btn btn-hatun" mana llamk'achisqa > Botón </button>

Huk clase, achka etiquetakuna

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

<a class = "btn" href = "" > T'inki </a>  
<botón clase = "btn" tipo = "kachay " > Botón </botón>  
<yaykusqa clase = "btn" laya = "botón" valor = "Yaykuy" >   
<yaykusqa clase = "btn" tipo = "kachay " valor = "Kachay" >

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

Huk elementoman clasekunata yapay <img>ima proyectopipas siq'ikunata mana sasachakuspalla estilochanaykipaq.

<img src = "..." clase = "img-muyusqa" >  
<img src = "..." clase = "img-muyu" >  
<img src = "..." clase = "img-polaroid" >

¡Umakuna wichayman! .img-roundedchaymanta .img-circlemana IE7-8 kaqpi llamk'ankuchu mana border-radiusyanapakuy kasqanrayku.

Glifos de icono

140 siq'ikuna sprite rikch'aypi, yana q'illu (ñawpaqmanta) yuraq ima, Glyphicons nisqap qusqan .

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

Glyphicons nisqamanta atribución

Glyphicons Halflings normalmente mana qullqipaqchu kanku, ichaqa huk arreglo Bootstrap kaqwan Glyphicons ruwaqkunawan kayta ruwasqa mana qullqipaq qampaq ruwaqkuna hina. Gracias hina, mañakuykiku huk opcional link Glyphicons kaqman kutinaykipaq mayk'aqllapas ruway atikuqtin.

Imaynatataq apaykachana

Llapan iconokuna <i>huk sapalla claseyuq etiquetata munan, ñawpaqninpi icon-. Utilizanaykipaqqa kay codigota yaqa maypipas churay:

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

Hinallataqmi kan estilokuna invertido (yuraq) iconokunapaq, huk yapasqa clasewan wakichisqa ruwasqa. Kay claseta hover kaqpi chaymanta activo estadokunapi nav chaymanta urayk'aq t'inkikuna kaqpaq específicamente kallpachasaqku.

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

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

Icono ejemplokuna

Chaykunata llamk'achiy botones kaqpi, botones qutukunapi huk llamkanakuna barrapaq, puriypaq utaq ñawpaqmanta pendido formulario yaykuykunapi.

Botones

Huk ñit'ina llamkanakunap llikanpi ñit'ina huñu

<div clase = "btn-herramienta" > 
  <div clase = "btn-huñu" > 
    <a clase = "btn" href = "#" ><i clase = "icono-align-izquierda" ></i></a>   
    <a clase = "btn" href = "#" ><i clase = "icon-align-centro" ></i></a>   
    <a clase = "btn" href = "#" ><i clase = "icon-align-derecha" ></i></a>   
    <a clase = "btn" href = "#" ><i clase = "icon-align-justificar" ></i></a>   
  </div> nisqa
</div> nisqa

Huk boton huñupi uraykachiy

Usuario

<div clase = "btn-huñu" > 
  <a class = "btn btn-primary" href = "#" ><i class = "siku-ruraq icono-yuraq" ></i> Ruraq </a>   
  <a clase = "btn btn-primary urayk'aq-tukuy" data-toggle = "urquy" href = "#" ><span clase = "caret" ></span></a>    
  <ul clase = "uraq-menú" > 
    <li><a href = "#" ><i class = "icono-lapiz" ></i> Llamk'apuy </a></li>  
    <li><a href = "#" ><i class = "icono-basura" ></i> Qulluy </a></li>  
    <li><a href = "#" ><i clase = "icon-ban-muyu" ></i> Hark'ay </a></li>  
    <li clase = "rakiq" </li> 
    <li><a href = "#" ><i clase = "i" ></i> Kamachiq </a></li> ruway  
  </ul>
</div> nisqa

Tamaños de botones

Quyllur Quyllur Quyllur

<a class = "btn btn-hatun" href = "#" ><i class = "siku-quyllur" ></i> Quyllur </a>   
<a clase = "btn btn-huch'uy" href = "#" ><i clase = "icono-quyllur" ></i> Quyllur </a>   
<a class = "btn btn-mini" href = "#" ><i class = "siku-quyllur" ></i> Quyllur </a>

Navegación nisqa

<ul clase = "nav nav-lista" > 
  <li class = "activo" ><a href = "#" ><i class = "icon-wasi icono-yuraq" </i> Wasi </a></li>   
  <li><a href = "#" ><i clase = "icon-libro" ></i> Qillqana mayt'u </a></li>  
  <li><a href = "#" ><i class = "icono-lapiz" ></i> Yanapakuykuna </a></li>  
  <li><a href = "#" ><i clase = "i" ></i> Misc </a></li>  
</ul>

Formulario chakrakuna

<div clase = "kamachiy-huñu" > 
  <label class = "control-label" for = "inputIcon" > E-chaskipa tiyaynin </label>  
  <div clase = "kamachiykuna" > 
    <div clase = "yaykuchiy-ñawpaqmanta churay" > 
      <span clase = "yapasqa" ><i clase = "icono-sobre" ></i></span>  
      <yaykusqa clase = "span2" id = "yaykusqaIcono" laya = "qillqa" >   
    </div> nisqa
  </div> nisqa
</div> nisqa

Tipografía

Umakuna

h1. Uma 1.1

h2. Umalliq 2

h3. Uma 3.1

h4. Uma 4.1

h5. Umalliq 5

h6. Uma 6

Copia del cuerpo

Copia de cuerpo de plomo

Construido con Menos

Niypuni

<small>

Yanacha

Cursiva

Clases de alineación

Clases de énfasis

Pisichasqa simikuna

<abbr>

<abbr class="initialism">

Direcciones

<address>

Bloqueo nisqa

Ñawpaqmanta churasqa bloqueo

Blockquote nisqa akllanakuna

Huk pukyuta sutichay

Huk qhawarichiykuna

Listakuna

Mana kamachisqa

Kamachisqa

Mana estiloyuq

Inline

Willay

Descripción horizontal

Código

Inline

Bloque básico

Tablas

Ñawpaqmanta churasqa estilokuna

Clases opcionales nisqa

.table-striped

.table-bordered

.table-hover

.table-condensed

Clases de fila opcionales

Yanapasqa tabla marcado

Formas

Ñawpaqmanta churasqa estilokuna

Disposiciones opcionales

Formulario de búsqueda

Formulario en línea

Forma horizontal nisqa

Yanapasqa formulario kamachiykuna

Insumos

Área de texto

Cajas de verificación y radios

Ñawpaqmanta churasqa (pilasqa) .

Inline nisqapi qillqanakuna

Akllan

Controles de formulario nisqakunata mast’ariy

Insumos prependidos y apendidos

Ñawpaqmanta churasqa akllanakuna

Huñusqa

Textopa rantinpi botones

Botón urayk’aqkuna

Segmentado nisqa urayk’aq huñukuna

Formulario de búsqueda

Control de tamaño

Insumos de nivel de bloque

Tamaño relativo

Rejilla de tamaño

Insumos ineditables

Ruwaykunata rurana

Yanapakuy qillqa

Yanapakuy en línea

Yanapakuy harkay

Forma control nisqa suyukuna

Enfoque de entrada

Mana allin qillqasqakuna

Mana llamk’achisqa yaykuykuna

`<small>`

`<abbr>`

`<abbr class="initialism">`

`<address>`

`.table-striped`

`.table-bordered`

`.table-hover`

`.table-condensed`