Como instalar y usar Bootstrap

Bootstrap se puede instalar de distintas formas. Una forma sencilla de hacerlo es visitar la página oficial de Bootstrap y descargar el paquete. De esta forma, tendrás los archivos de este framework en tu servidor.

El paquete de descarga lo puedes descomprimir en la raiz de tu proyecto. Observarás que dispone de un directorio donde están las hojas de estilo (css), otro directorio para los ficheros JavasScript (js) y un directorio de fuentes (fonts) donde se encuentra la fuente por defecto para los iconos que utiliza Bootstrap. La fuente que utiliza Bootstrap para los iconos se llama Glyphicons.

Revisando el archivo de descarga, podrás observar que Bootstrap se podría adaptar a cualquier tipo de proyecto destinado a la Web ya sea desarrollado desde 0 o con algún gestor de contenidos como WordPress o Joomla, o para cualquier plataforma de e-commerce como por ejemplo PrestaShop o Magento.

Para poder trabajar con Bootstrap tan solo debes añadir en la cabecera <head> o antes de la etiqueta de cierre </body> de tu archivo HTML las hojas de estilo y el archivo Javascript de Bootstrap.

<link rel="stylesheet" href="css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="css/bootstrap-theme.min.css" crossorigin="anonymous">
<script src="js/bootstrap.min.js" crossorigin="anonymous"></script>

También existe la posibilidad de no descargar nada y utilizar los CDN (Content Delivery Network) copiando lo siguiente en la cabecera <head> de tu archivo HTML.

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" crossorigin="anonymous">
 
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" crossorigin="anonymous">
 
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" crossorigin="anonymous"></script>

Para descargar los archivos o ver los links que necesitas para tu cabecera puedes visitar el enlace de descarga de Bootstrap.

Ver ejemplos de lo que se puede hacer con Bootstrap

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (3 votos, promedio: 5,00 de 5)
Cargando…

Comparte en las redes sociales

Escrito por Jose Aguilar - Experto programador Prestashop y Wordpress.

One comment on “Como instalar y usar Bootstrap

1 Pings/Trackbacks for "Como instalar y usar Bootstrap"

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*