Bootstrap 4 Tutorial

Si tienes pensado crear un sitio web o sistema web, es posible que hayas escuchado hablar del Framework de estilos Bootstrap. Ademas, a pesar de su popularidad, probablemente tengas dudas acerca de este framework.

Tabla de contenidos

¿Cómo se usa el framework Bootstrap?

Solo debemos de declarar algunos archivos que se requieren para que funcione Aquí van algunos aspectos del framework que te interesa conocer para dar tus primeros pasos.

Instalar Bootstrap desde el CDN oficial

Este framework nos ahorra bastante tiempo a la hora de desarrollar un proyecto y hay que sacarle el máximo provecho a Bootstrap. Luego solo bastara en llamar las clases para maquetar nuestro HTML.

Hay 2 formas de instalar Bootstrap.

Primera forma.- Es usando un enlace externo proporcionado por el CDN oficial de la biblioteca. Así, el CSS y el resto de clases de Bootstrap serán funcionales en tu web. En la cabecera (<head</head>) de tu proyecto debes incluir las siguientes lineas de código:

Segunda forma.- Es descargando los archivos desde la web oficial de Bootstrap.

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/js/bootstrap.min.js"></script>

Una vez declarado los archivos de la CDN de bootstrap ya puedes usarlo sin problemas.