Está en la página 1de 7

INSTALACION DE BOOTSTRAP

PASOS
1. Abre la página web de Bootstrap en un navegador de Internet. Escribe
https://getbootstrap.com en la barra de direcciones, y presiona Intro o
Volver en el teclado.

2. Haz clic en el botón Download. Se abrirá la página de "Download".


3. Haz clic en el botón Download debajo de "Compiled CSS and JS" ("CSS
y JS compilados"). Esto descargará en la computadora todos los
archivos de Bootstrap como un archivo ZIP.
 En caso de que se te pida, selecciona una ubicación de guardado
para el ZIP de Bootstrap.

4. Extrae los archivos del archivo ZIP. Busca el archivo ZIP que acabes de
descargar, y haz doble clic en él para extraer todos los archivos que
haya en él en la misma carpeta.
 Esto extraerá dos carpetas llamadas "css" and "js.
 Si la aplicación para descomprimir no extrae automáticamente los
archivos, echa un vistazo a este artículo para aprender todas las
formas en las que podrás exportar un archivo ZIP.
5. Mueve las carpetas que hayas extraído a la misma carpeta donde se
encuentren los archivos HTML de la página web. Abre la carpeta que
contenga todos los archivos HTML de la página web, y arrastra aquí las
carpetas "css" y "js" para moverlas a la misma carpeta que contenga los
documentos de la página web.
 Ahora podrás enlazar los archivos a los archivos HTML, y
comenzar a usar Bootstrap en el código.

6. Haz clic
derecho en el archivo HTML que quieras usar con Bootstrap. Podrás
usar Bootstrap en un solo archivo de los archivos HTML, o en todos
ellos.

7. Pasa el cursor sobre Abrir con en el menú de clic derecho. Aparecerá un


submenú con las aplicaciones compatibles
8. Selecciona un programa de edición de texto. Esto abrirá el archivo
HTML que hayas seleccionado en el editor de texto.

 Podrás usar un editor de texto sencillo como Bloc de


notas o TextEdit, así como un editor de código destinado a ello
como Atom (https://atom.io) o Coda (https://panic.com/coda).
9. Añade los enlaces Bootstrap al encabezado del archivo HTML. Antes de
usar el código Bootstrap en el HTML, tendrás que escribir o pegar estas
líneas debajo del encabezado del código:
 <link rel="stylesheet" a href="css/bootstrap.css"/>
 <script src="js/bootstrap.js/>
 En caso de que quieras enlazar y usar algunos de los otros
archivos de las carpetas "css" y "js", simplemente añade líneas
nuevas al encabezado, y cambia las partes de css/bootstrap.css y
js/bootstrap.js con los nombres de los archivos que quieras
enlazar.

10. Comprueba la ubicación de los enlaces de Bootstrap en el código. En el


encabezado HTML, ambas líneas deberán encontrarse entre las líneas
<meta> y <title>.
 Cuando añadas estas líneas al encabezado, podrás comenzar a
usar elementos Bootstrap en este archivo HTML.
 Encontrarás una lista completa con todos los elementos Bootstrap
en https://getbootstrap.com/docs/4.3/getting-started/introduction.
Simplemente haz clic en cualquier categoría como Layout
("Diseño") o Components ("Componentes") en el menú izquierdo.
 Después de instalar Bootstrap, podrás insertar, o copiar y pegar
cualquier parte del código desde aquí a tu propio código.

También podría gustarte