Aquest wikiHow us ensenya a descarregar els fitxers Bootstrap al vostre ordinador i a enllaçar-los als vostres textos HTML per utilitzar elements Bootstrap al vostre codi. Un cop heu descarregat i enllaçat els fitxers Bootstrap, podeu començar a utilitzar tots els elements de full d’estil i JavaScript de Bootstrap al disseny web.
Passos
Pas 1. Obriu el lloc web Bootstrap al navegador d'Internet
Escriviu https://getbootstrap.com a la barra d’adreces i premeu ↵ Retorn o ⏎ Retorn al teclat.
Pas 2. Feu clic al botó Baixa
Això obrirà la pàgina "Descarregar".
Pas 3. Feu clic al botó Baixa de sota de "CSS i JS compilats
" Es descarregaran els fitxers Bootstrap complets al vostre ordinador com a arxiu ZIP.
Si se us demana, seleccioneu una ubicació per desar el Bootstrap ZIP
Pas 4. Extraieu els fitxers de l'arxiu ZIP
Cerqueu el fitxer ZIP que acabeu de descarregar i feu-hi doble clic per extreure tots els fitxers que hi ha a la mateixa carpeta.
- Això traurà dues carpetes anomenades " css"i" js."
- Si l'aplicació de descompressió no extreu els fitxers automàticament, consulteu aquest article per veure totes les maneres d'exportar un arxiu ZIP.
Pas 5. Moveu les carpetes extretes a la mateixa carpeta que els fitxers HTML del vostre lloc web
Obriu la carpeta que conté tots els fitxers HTML del vostre lloc web i arrossegueu el botó " css"i" js"aquí les carpetes per moure-les a la mateixa carpeta que els documents del vostre lloc web.
Ara podeu enllaçar els fitxers als fitxers HTML i començar a utilitzar Bootstrap al vostre codi
Pas 6. Feu clic amb el botó dret al fitxer HTML que voleu utilitzar amb Bootstrap
Podeu utilitzar Bootstrap només en un dels vostres fitxers HTML o en tots.
Pas 7. Passeu el cursor per sobre Obre amb al menú del botó dret
Apareixerà un submenú amb aplicacions compatibles.
Pas 8. Seleccioneu el programa d'edició de text
Això obrirà el fitxer HTML seleccionat al vostre editor de text.
Podeu utilitzar un editor de text senzill com Bloc de notes o bé TextEdit així com un editor de codi dedicat com Àtom (https://atom.io) o Coda (https://panic.com/coda).
Pas 9. Afegiu els enllaços Bootstrap a la capçalera del fitxer HTML
Abans d’utilitzar el codi Bootstrap a l’HTML, haureu d’escriure o enganxar les línies següents a la capçalera del vostre codi:
Si voleu enllaçar i utilitzar alguns dels altres fitxers de les carpetes css i js, només cal afegir línies noves a la capçalera i substituir les parts css / bootstrap.css i js / bootstrap.js pels noms dels fitxers que vulgueu. connectar
Pas 10. Comproveu la ubicació dels enllaços Bootstrap al codi
A la capçalera de l'HTML, les dues línies s'han de situar entre les línies i la línia.
- Un cop afegiu aquestes línies a la capçalera, podeu començar a utilitzar elements Bootstrap en aquest fitxer HTML.
- Podeu trobar una llista completa de tots els elements Bootstrap a https://getbootstrap.com/docs/4.3/getting-started/introduction. Simplement feu clic a qualsevol categoria com ara Disseny o bé Components al menú de l'esquerra.
- Un cop instal·leu Bootstrap, podeu inserir o copiar / enganxar qualsevol tros de codi d’aquí al vostre propi codi.