Correa de botas

Mast’ariy Bootstrap

Bootstrap mast'ariy yapasqa estilokuna chaymanta componentekuna ventajata hapinapaq, chaymanta LESS variables chaymanta mixins kaqmanta.

LESS nisqawan ruwasqa

MAS CSS

Bootstrap ruwasqa LESS kaqwan ukhunpi, huk dinamico estilo raphi simi ruwasqa allin masiyku, Alexis Sellier . Sistemakuna ruwasqa CSS wiñachiyta aswan utqaylla, aswan facil chaymanta aswan kusikuy ruwan.

¿Imaraykutaq ASWAN?

Huk Bootstrap kamaqnin huk utqaylla blog qillqasqata qillqarqan kaymanta , kaypi pisiyachisqa:

  • Bootstrap aswan utqaylla ~6x aswan utqaylla huñun Aswan pisi kaqwan Sass kaqwan tupachisqa
  • Aswan pisi JavaScript kaqpi qillqasqa kachkan, chaymanta aswan facil ñuqaykupaq buceo chaymanta parche ruway Ruby kaqwan Sass kaqwan tupachisqa.
  • Aswan pisiqa aswanmi; CSS qillqachkayku hina sientekuyta munayku chaymanta Bootstrap llapa runapaq asuykunapaq ruwachkayku.

¿Imataq chaypi kachkan?

CSS kaqpa mast'ariynin hina, LESS tikraqkunata, mixins kaqmanta llamk'anapaq fragmentos de código kaqpaq, llamkanakuna sanu yupaypaq, anidado kaqpaq, chaymanta llimp'i ruwanakuna kaqpas.

Astawan yachaykunaykipaq

Astawan yachanaykipaq kay web oficial nisqaman yaykuy http://lesscss.org/ nisqapi .

Compilar Bootstrap con Menos

CSSniyku Less kaqwan qillqasqa kasqanrayku chaymanta variables chaymanta mixins kaqwan llamk'achkan, qhipa ruway ruwanapaq huñusqa kanan tiyan. Kaypi imayna.

Qhaway: Sichus huk aysana mañakuyta GitHub kaqman hukchasqa CSS kaqwan apachichkanki, CSS kaqmanta mayqin kay ruwanakunawanpas huñunayki tiyan .

Huñunapaq yanapakuykuna

Kamachiy chiru

Kamachiy chiru kaqninta huñunapaq GitHub kaqpi proyecto readme kaqpi kamachiykunata qatiy .

JavaScript nisqa

Aswan qhipa Less.js uraykachiy chaymanta chayman ñanta (hinallataq Bootstrap) kaqpi churay <head>.

<link rel = "estilo raphi/aswan" href = "/ñan/a/bootstrap.less" > <script src = "/ñan/a/aswan.js" ></script>

.less willañiqikunata musuqmanta huñunaykipaqqa, waqaychaylla hinaspa p'anqaykita musuqmanta kargay. Less.js chaykunata huñun chaymanta llaqta waqaychaypi waqaychan.

Mac nisqa mana oficial nisqa app

Mana oficial Mac ruwana .less willakuykunata directoriokunata qhawan chaymanta codigota llaqta willakuykunaman huñun sapa qhawasqa .less willakuypa waqaychaymanta qhipaman. Sichus munanki, munasqakuna ruwanapi tikrayta atikunki kikillanmanta pisiyachiypaq chaymanta mayqin directorio kaqpi huñusqa willakuykunata tukun.

Aswan appkuna

Crunch

Crunch huk sumaq qhaway LESS editor chaymanta compilador Adobe Air kaqpi ruwasqa.

Kit de Código

Kikin runamanta ruwasqa mana oficial Mac ruwana hina, CodeKit huk Mac ruwana LESS, SASS, Stylus, chaymanta CoffeeScript huñun.

Sin simple

Mac, Linux chaymanta Windows app LESS willakuykunata huñunapaq aysanapaq chaymanta urqunapaq. Astawan, pukyuta GitHub kaqpi kachkan .

Activos estáticos hina llamk’achiy

Utqaylla qallariy mayqin web ruwaytapas huñusqa utaq pisiyachisqa CSS chaymanta JS urmachispa. Sapanchasqa estilokuna sapanchasqa kaqpi qata mana sasa yapaypaq chaymanta mantenimiento ñawpaqman purinanpaq.

Willañiqip ruwayninta churay

Descarga el último compilado Bootstrap y coloca en tu proyecto. Ejemplopaq, kay hina kaqmi kanman:

  app/ nisqa.
      churanakuna/ .
      plantillas/ .
  runapaq/
      css/ nisqa.
          bootstrap.min.css nisqa
      js/ nisqa.
          bootstrap.min.js nisqapi
      img/ nisqa.
          glyphicons-kuskankuna.png
          glyphicons-kuskan-yuraq.png

Utiliza plantilla de arranque

Qallarinaykipaq kay qatiq base HTML nisqapi qillqay.

  1. <html> nisqa
  2.   <uma>
  3.     <title> Plantilla de Arranque 101 </title>
  4.     <!-- Bootstrap nisqa -->
  5.     <t'inki href = "lliwpaq/css/arranque.min.css" rel = "estilo raphi" >  
  6.   </head> nisqa
  7.   <cuerpo> nisqa
  8.     <h1> ¡Allinllachu, pacha! </h1>
  9.     <!-- Bootstrap nisqa -->
  10.     <script src = "llapapaq/js/arranque.min.js" ></script> 
  11.   </cuerpo> nisqa
  12. </html> nisqa

Capa en código personalizado

Llamk'ay sapanchasqa CSS kaqpi, JS kaqpi chaymanta aswan kaqpi necesario hina Bootstrap qampaq ruwanapaq sapalla CSS chaymanta JS willakuyniykiwan.

  1. <html> nisqa
  2.   <uma>
  3.     <title> Plantilla de Arranque 101 </title>
  4.     <!-- Bootstrap nisqa -->
  5.     <t'inki href = "lliwpaq/css/arranque.min.css" rel = "estilo raphi" >  
  6.     <!-- Proyecto -->
  7.     <t'inki href = "llapapaq/css/ruray.css" rel = "estilo raphi" >  
  8.   </head> nisqa
  9.   <cuerpo> nisqa
  10.     <h1> ¡Allinllachu, pacha! </h1>
  11.     <!-- Bootstrap nisqa -->
  12.     <script src = "llapapaq/js/arranque.min.js" ></script> 
  13.     <!-- Proyecto -->
  14.     <script src = "llapapaq/js/ruray.js" ></script> 
  15.   </cuerpo> nisqa
  16. </html> nisqa