Ñepyrũrã

Ñepyrũrã

Proyecto jehechapyrã, haꞌehína ipypegua, ha mbaꞌeichaitépa oñepyrũ peteĩ plantilla isãsóva reheve.

1. Ñemboguejy

Emboguejy mboyve, eñangareko eguereko peteĩ editor código rehegua (ro’e porã Sublime Text 2 ) ha peteĩ mba’ekuaarã omba’apóva HTML ha CSS rehegua. Ndoroguatamo’ãi umi archivo fuente ko’ápe, ha katu oĩ disponible ojegueru hag̃ua. Ñañecentráta ñañepyrũ hag̃ua ñande umi archivo Bootstrap oñembohekopyréva reheve.

Omboguejy oñembyatýva

Mbaꞌe pyaꞌevéva oñepyrũ hag̃ua: jahupyty ñande CSS, JS ha taꞌãngamýi versión oñemboheko ha oñemboguejýva. Ndaipóri docs ni archivo fuente original.

Ojegueru haguã Bootstrap

Omboguejy fuente

Ehupyty umi vore ypykue opaite CSS ha Javasript-pe g̃uarã, peteĩ kuatiañe’ẽ rekopia local ndive emboguejyvo versión ipyahuvéva directamente GitHub-gui.

Omboguejy Bootstrap fuente

2. Archivo ñemohenda

Pe ñemboguejy ryepýpe rejuhúta ko’ã vore estructura ha contenido, embojoajúva lógicamente umi activo común ha ome’ẽva mokõive variación oñembyatýva ha oñemboguejýva.

Ojegueru rire, ojepeꞌa pe carpeta oñembohysýiva rehecha hag̃ua mbaꞌeichaitépa ojejapo (pe oñembohekopyréva) Bootstrap. Rehecháta peteĩ mbaʼe koʼãichagua:

  arranque / ├── css / │ ├── arranque rehegua . css
   │ ├── ñemboguatarã . min rehegua . css
   ├── js / │ ├── ñemboguatarã . js
   │ ├── ñemboguatarã . min rehegua . js
   ├── img / │ ├── glifíconos - mediados rehegua . png
   │ ├── glifíconos - mitad - morotĩ . png rehegua
  
  
        
        
        └── README rehegua . md rehegua

Kóva haꞌehína Bootstrap rembiapokue tenondeguavéva: vorekuéra oñembohekopyréva ojepuru pyaꞌe hag̃ua haimete oimeraẽva proyecto web-pe. Rome’ẽ CSS ha JS oñembyatýva ( bootstrap.*), avei CSS ha JS ( bootstrap.min.*) oñembyatýva ha oñemboguejýva. Umi taꞌãngamýi vore oñembohysýi ojeporúvo ImageOptim , peteĩ Mac purupyrã oñembohysýi hag̃ua PNG-kuéra.

3. Mba'épa oike ipype

Bootstrap oúva oñembosako’i HTML, CSS ha JS opaichagua mba’épe g̃uarã, ha katu ikatu oñembohysýi peteĩ pokõi categoría ojehecháva Bootstrap kuatiañe’ẽ yvate gotyo .

Docs sección-kuéra rehegua

Andamio rehegua

Estilos globales cuerpo-pe g̃uarã omoĩjey hag̃ua tipo ha fondo, estilokuéra enlace rehegua, sistema cuadrícula rehegua ha mokõi diseño simple.

Base CSS rehegua

Estilos umi elemento HTML ojeporúvape g̃uarã haꞌeháicha tipografía, código, cuadro, formulario ha botón. Avei oike Glyphicons , peteĩ tuicha mba’e michĩva icono ñemohenda.

Umi componente rehegua

Estilos básicos umi componente interfaz común-pe g̃uarã haꞌeháicha ficha ha pastilla, navbar, alerta, página iñakãrapuꞌa ha hetave mbaꞌe.

Umi mba’e’oka Javascript rehegua

Ojoguaite Componentes-pe, ko’ã Javascript mboajepyréva ha’e componente interactivo umi mba’e’oka ha’eháicha tembipuru’i ñe’ẽmondo, popovers, modales ha hetave mba’épe g̃uarã.

Lista de componentes rehegua

Oñondive, umi Componentes ha Javascript plugins vore omeꞌe koꞌã elemento interfaz rehegua:

  • Umi aty botón rehegua
  • Umi desplegable botón rehegua
  • Umi ficha, pastilla ha lista navegación rehegua
  • Navbar rehegua
  • Etiquetas rehegua
  • Insignia-kuéra rehegua
  • Página cabezal ha unidad héroe rehegua
  • Ta’ãngamýi michĩva
  • Alerta rehegua
  • Barras de progreso rehegua
  • Modal-kuéra rehegua
  • Umi desplegable rehegua
  • Tembipururã ñe’ẽmondo
  • Popovers rehegua
  • Acordeón rehegua
  • Carrusel rehegua
  • Ehai tenonderã

Umi guía oútavape, ikatu jaguata ko’ã componente rupi peteĩteĩ detalle-ve. Upe peve, eheka peteĩteĩ ko’ãva kuatiahaipyrépe marandu mba’éichapa ojepuru ha oñembohekokuaa.

4. Plantilla HTML básica rehegua

Peteĩ intro mbykymi umi contenido osẽva tape rehe, ikatu ñañecentra ñamoĩvo Bootstrap jepururã. Upevarã jaipurúta peteĩ plantilla HTML básica oguerekóva opa mba’e ñañe’ẽva’ekue Archivo estructura -pe .

Ko’áğa, ko’ápe ojesareko peteĩ HTML vore típico rehe :

  1. <html> rehegua
  2.   <akã>
  3.     <title> Ñepyrũrã 101 Plantilla </título>
  4.   </head> rehegua
  5.   <tete> rehegua
  6.     <h1> ¡Maitei, mundo! </h1> rehegua
  7.   </body> rehegua
  8. </html> rehegua

Kóvagui ojejapo hag̃ua peteĩ plantilla Bootstrapped , emoĩnte umi CSS ha JS vore oñemohenda porãva:

  1. <html> rehegua
  2.   <akã>
  3.     <title> Ñepyrũrã 101 Plantilla </título>
  4.     <!-- Ñepyrũrã -->
  5.     <enlace href = "css/arranque.min.css" rel = "hoja de estilo" >  
  6.   </head> rehegua
  7.   <tete> rehegua
  8.     <h1> ¡Maitei, mundo! </h1> rehegua
  9.     <script src = "js/arranque.min.js" </script> rehegua 
  10.   </body> rehegua
  11. </html> rehegua

Ha nde reñemoĩma! Umi mokõi vore oñembojoapývo, ikatu eñepyrũ emoheñói oimeraẽva tenda térã purupyrã Bootstrap rupive.

5. Tembiecharã

Ehasa pe plantilla base-gui mbovymi techapyrã ñemohenda reheve. Ro’anima tapichakuérape o’itera haĝua ko’ã techapyrã ha ani oipurunte haĝua resultado paha ramo.

  • Sitio de marketing básico rehegua

    Opresentáva unidad héroe peteî marandu primario ha mbohapy elemento oipytyvõva.

  • Disposición de líquido rehegua

    Oipuru ore sistema pyahu ombohováiva, rejilla fluida omoheñói haguã peteî diseño líquido sin costura.

  • Plantilla de inicio

    Peteĩ kuatia HTML barebones oguerekóva opaite Bootstrap CSS ha javascript oikehápe.

¿Mbaʼépa oikóta upe rire?

Eho docs-pe marandu, techapyrã ha código pehẽngue rehegua, térã ejapo ambue salto ha emohenda Bootstrap oimeraẽ proyecto oútavape g̃uarã.

Eike umi kuatiañe’ẽ Bootstrap rehegua Emboheko Bootstrap rehegua