Bootstrap4 Tutorial

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

Bootstrap4 es un conjunto de herramientas de código abierto para el desarrollo con HTML, CSS y JS. Utilizando nuestras variables Sass y numerosos mixins, el sistema de cuadrícula responsive, los componentes prefabricados extensibles y el potente sistema de plugins basado en jQuery, puedes crear rápidamente prototipos de tus ideas o construir una aplicación completa.

¿Quién debería leer este tutorial?

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

Conocimientos que necesita 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, le recomendamos leer primero estos tutoriales:

Ejemplos de Bootstrap4

<div class="jumbotron text-center"> <h1>Mi primera página de Bootstrap</h1> <p>¡Redimensione el navegador para ver el efecto!</p> </div> <div class="container"> <div class="row"> <div class="col-sm-4"> <h3>Primera columna</h3> <p>Ejemplo</p> <p>No solo se aprende tecnología, sino también sueños.</p> </div> <div class="col-sm-4"> <h3>Segunda columna</h3> <p>Ejemplo..</p> <p>No solo se aprende tecnología, sino también sueños.</p> </div> <div class="col-sm-4"> <h3>Tercera columna</h3> <p>Ejemplo..</p> <p>No solo se aprende tecnología, sino también sueños.</p> </div> </div> </div>

Pruébalo »

Bootstrap4 y Bootstrap3

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

Bootstrap4 ha abandonado el soporte para IE8 e iOS 6. Ahora solo admite navegadores con IE9 o superior y versiones de iOS 7 o superiores. Si necesita utilizar navegadores antiguos, utiliceBootstrap3。

Otras extensiones