Bootstrap4 Tutorial

Bootstrap es la biblioteca de componentes front-end más popular del mundo, utilizada para desarrollar proyectos web con diseño receptivo y prioridad móvil.

Bootstrap4 es un conjunto de herramientas de código abierto para desarrollo HTML, CSS y JS. Usando las variables Sass, la gran cantidad de mixins, el sistema de cuadrícula receptivo, los componentes prefabricados extensibles y el potente sistema de complementos basado en jQuery, puede crear rápidamente prototipos de sus ideas o construir toda una aplicación.

¿Quién debería leer este tutorial?

Solo necesita tener conocimientos básicos de HTML y CSS para leer este tutorial y desarrollar su propio sitio web. Después de estudiar este tutorial, podrá alcanzar un nivel intermedio en el desarrollo de proyectos web con Bootstrap.

Conocimientos necesarios antes de leer este tutorial:

Antes de comenzar a leer este tutorial, debe tener conocimientos básicos de HTML, CSS y JavaScript. Si aún no comprende estos conceptos, se recomienda que primero lea nuestros tutoriales:

Ejemplos de Bootstrap4

<div class="jumbotron text-center"> <h1>Mi primera página Bootstrap</h1> <p>¡Redimensiona la ventana del navegador para ver el efecto!</p> </div> <div class="container"> <div class="row"> <div class="col-sm-4"> <h3>Primera columna</h3> <p>Tutorial para novatos</p> <p>¡¡¡Lo que se aprende no es solo tecnología, sino también sueños!!!</p> </div> <div class="col-sm-4"> <h3>Segunda columna</h3> <p>Tutorial para novatos..</p> <p>¡¡¡Lo que se aprende no es solo tecnología, sino también sueños!!!</p> </div> <div class="col-sm-4"> <h3>Tercera columna</h3> <p>Tutorial para novatos..</p> <p>¡¡¡Lo que se aprende no es solo tecnología, sino también sueños!!!</p> </div> </div> </div>

Pruébalo »

Bootstrap4 y Bootstrap3

Bootstrap4 es la versión más reciente de Bootstrap. En comparación con Bootstrap3, tiene más clases específicas y convierte algunas partes relacionadas en componentes. Además, el tamaño de Bootstrap.min.css se ha reducido en más del 40%.

Bootstrap4 abandonó el soporte para IE8 e iOS 6, y ahora solo admite navegadores IE9 o superiores e iOS 7 o superiores. Si necesita usar navegadores anteriores, utiliceBootstrap3。

Otras extensiones