Correa de botas

Qallarinapaq

Resumen del proyecto, su contenido, y cómo empezar con una plantilla simple.

¡Umakuna wichayman! Kay docs v2.3.2 kaqpaq kanku, chaymanta manaña oficial yanapasqachu. ¡Qhaway Bootstrap nisqap qhipa kaq llamk'ayninta!

1. Uraykachiy

Manaraq uraykachichkaspa, huk codigo allichaqniyuq kay ( Sublime Text 2 kaqmanta yuyaychayku ) chaymanta wakin llamkana yachay HTML chaymanta CSS kaqmanta. Kaypiqa manam purisaqkuchu pukyuta willañiqikunata, ichataq uraykachinapaqmi kachkan. Huñusqa Bootstrap willañiqikunawan qallariypi yuyaychasunchik.

Descargar compilado

Aswan utqaylla qallariypaq ñan: CSS, JS, chaymanta siq'ikunaykumanta huñusqa chaymanta pisiyachisqa layakuna hap'iy. Mana docs nitaq original pukyu willañiqikuna.

Descargar Bootstrap nisqamanta

Pukyuta hurquy

Llapa CSS kaqpaq chaymanta JavaScript kaqpaq ñawpaq willañiqikunata hapiy, huk kitipi qillqakunap copianwan kuska GitHub kaqmanta chiqalla qhipa kaq laya uraykachispa.

Bootstrap nisqamanta hurquy

2. Archivokuna ruway

Uraykachiy ukhupi tarinki kay qatiq willañiqi estructurata chaymanta imayna kanankunata, lógicamente común kaqniyuq huñuspa chaymanta iskaynin huñusqa chaymanta pisichasqa variaciones quy.

Huk kuti uraykachisqa, ñit'isqa qillqana mayt'uta kichay (hukllasqa) Bootstrap nisqap ruwayninta qhawanaykipaq. Kay hinatan rikunki:

  bootstrap / ├── css / │ ├── bootstrap nisqa. css
   │ ├── llamk'apuy . min . css
   ├── js / │ ├── llamk'apuy . js
   │ ├── bootstrap nisqa. min . js
   └── img / ├── glificonkuna - kuskanchasqakuna . png
       └── glificones - kuskanchasqakuna - yuraq . png

Kayqa Bootstrap kaqpa aswan sapsi rikchayninmi: huñusqa willañiqikuna yaqa mayqin web ruwaypipas utqaylla urmachiy llamk'anapaq. Huñusqa CSS chaymanta JS ( ) quyku bootstrap.*, chaymanta huñusqa chaymanta pisiyachisqa CSS chaymanta JS ( bootstrap.min.*). Siqi willañiqikunaqa ImageOptim nisqawanmi ñit'isqa kachkan , huk Mac nisqa PNG nisqakunata ñit'inapaq.

Ama hina kaspa, tukuy JavaScript yapaykuna jQuery nisqawan churasqa kananta munanku.

3. Imakunam chaypi kachkan

Bootstrap HTML kaqwan, CSS kaqwan chaymanta JS kaqwan tukuy laya kaqkunapaq equipasqa hamun, ichaqa huk maki categoríakuna Bootstrap qillqap patanpi rikukuqwan pisiyachisqa kankuman .

Docs nisqa t’aqakuna

Andamios

Tukuy pacha estilokuna kurkupaq laya chaymanta qhipa kaqmanta churanapaq, t'inki estilokuna, rejilla sistema chaymanta iskay sasan churanakuna.

Base CSS nisqa

Estilos común HTML elementokuna hina tipografía, código, tablakuna, formulariokuna, chaymanta botones. Hinallataq Glyphicons , huk hatun uchuy iconokuna huñusqa.

Componentes nisqakuna

Estilos básicos kaqmanta común interfaz componentes kaqpaq imaynachus tablas chaymanta pastillas, navbar, alertas, p'anqa umalliqkuna chaymanta aswan.

JavaScript nisqap yapayninkuna

Componentes kaqman rikch'akuq, kay JavaScript plugins interactivo componentes kanku imakuna yanapakuypaq, popovers, modales chaymanta aswan.

Lista de componentes nisqamanta

Kuska, Componentes chaymanta JavaScript plugins t'aqakuna kay interfaz elementokuna qun:

  • Grupos de botones
  • Botón urayk’aqkuna
  • Pestañas de navegación, pastillas y listas
  • Navbar nisqa
  • Etiquetas
  • Insignias
  • Cabeceras de páginas y unidad de héroe
  • Miniaturas
  • Alertakuna
  • Barras de progreso
  • Modales nisqa
  • Urmachiykuna
  • Yanapakuykuna
  • Popovers
  • Acordeón
  • Carrusel
  • Ñawpaqman qillqay

Hamuq pusaqkunapiqa, sapankama kay componentekunata aswan sut’ita purisunman. Chaykama, sapa kaykunata qillqapi maskay imayna llamk'achiyta chaymanta ruwanapaq willayta.

4. Plantilla HTML básica nisqa

Huk pisi riqsichiywan imaynachus ñanmanta lluqsisqa kaqpi, Bootstrap llamk'achinapaq churaypi yuyayta atiykuman. Chayta ruwanapaq, huk plantilla HTML básica kaqwan llamk'asaqku mayqinchus tukuy imata Archivo estructura kaqpi rimasqayku kachkan .

Kunanqa, kaypi huk típico HTML willañiqita qhaway :

  1. <!DOCTIPO html> nisqa
  2. <html> nisqa
  3.   <uma>
  4.     <title> Plantilla de Arranque 101 </title>
  5.     <meta suti = "qhaway punku" contenido = "ancho=dispositivo-ancho, qallariy-escala=1.0" >  
  6.   </head> nisqa
  7.   <cuerpo> nisqa
  8.     <h1> ¡Allinllachu, pacha! </h1>
  9.     <script src = "https://qu.wikipedia.org/jquery.js" ></script> 
  10.   </cuerpo> nisqa
  11. </html> nisqa

Kayta huk Bootstrapped plantilla ruwanapaq , chaylla churay chay tupaq CSS chaymanta JS willañiqikuna:

  1. <!DOCTIPO html> nisqa
  2. <html> nisqa
  3.   <uma>
  4.     <title> Plantilla de Arranque 101 </title>
  5.     <meta suti = "qhaway punku" contenido = "ancho=dispositivo-ancho, qallariy-escala=1.0" >  
  6.     <!-- Bootstrap nisqa -->
  7.     <link href = "css/bootstrap.min.css" rel = "estilo raphi" media = "pantalla" >   
  8.   </head> nisqa
  9.   <cuerpo> nisqa
  10.     <h1> ¡Allinllachu, pacha! </h1>
  11.     <script src = "https://qu.wikipedia.org/jquery.js" ></script> 
  12.     <script src = "js/arranque.min.js" ></script> nisqa 
  13.   </cuerpo> nisqa
  14. </html> nisqa

Y estás establecidos! Chay iskay willañiqikuna yapasqa kaqwan, mayqin sitiotapas utaq ruwanatapas Bootstrap kaqwan ruwayta qallariyta atikunki.

5. Ejemplokuna

Pasa más allá de la plantilla base con unos pocos diseños de ejemplo. Runakunata kallpachayku kay ejemplokunamanta iterate ruwanankupaq chaymanta mana chayllachu huk tukukuy ruway hina llamk'achinankupaq.

  • Plantilla de inicio

    Huk barebones HTML qillqa tukuy Bootstrap CSS chaymanta JavaScript kaqwan.

  • Sitio de comercialización básica nisqa

    Huk unidad de héroe nisqa huk primaria willakuypaq chaymanta kimsa yanapaq elementokunayuq.

  • Diseño de fluido

    Musuq kutichiq, fluido rejilla sistemaykuta llamk'achin mana llamkanayuq liquido churayta ruwanapaq.

  • K’iti qhatuy

    Plantilla de marketing delgada, ligero para proyectos o equipos pequeños.

  • Chaninchasqa nav

    Hukchasqa navbar kaqpi kaqlla ancho puriy t'inkikunayuq qhatuy p'anqa.

  • Yaykuy

    Barebones firmanku formapi ruwasqawan, aswan hatun formulario controlkunawan chaymanta huk flexible churaywan.

  • K’aspiyuq chaki

    Huk takyasqa sayayniyuq chaki qillqata llamk'achiqpa qhawanapa urayninpi k'askachiy.

  • Jumbotron de carrusel

    Huk aswan interactivo riff kaqpi kay básica qhatuy sitio kaqpi huk riqsisqa carrusel kaqwan.

¿Imataq chaymanta?

Uma docs kaqman willakuypaq, ejemplokuna chaymanta código fragmentos kaqpaq, utaq qatiq salto ruway chaymanta Bootstrap mayqin hamuq ruwaypaqpas ruway.

Bootstrap qillqakunata watukuy Personalizay Bootstrap