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.

¿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.

Scroll al inicio
Esta web utiliza cookies propias para su correcto funcionamiento. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos.
Privacidad