Saltar al contenido

¿Qué es Bootstrap?

septiembre 28, 2021
img bootstrap

HTML

Oreja es el mas popular Marco CSS
para desarrollar sitios web adaptables y móviles.

Bootstrap 4 es la versión más nueva de Bootstrap


Página de Bootstrap receptiva

Ejemplo


Mi primera página de Bootstrap
¡Cambie el tamaño de esta página para ver el efecto de respuesta!

Londres

Londres es la capital de Inglaterra.

Es la ciudad más poblada del Reino Unido,
con un área metropolitana de más de 13 millones de habitantes.

París

París es la capital de Francia.

El área de París es uno de los centros de población más grandes de Europa,
con más de 12 millones de habitantes.

Tokio

Tokio es la capital de Japón.

Es el centro del área metropolitana de Tokio,
y el área metropolitana más poblada del mundo.

Inténtalo tú mismo «

Haga clic en el botón «Pruébelo usted mismo» para ver cómo funciona.



Soporte del navegador

Bootstrap 4 es la versión más nueva de Bootstrap.

Bootstrap 4 es compatible con todos los navegadores principales, excepto Internet Explorer 9.

Si necesita soporte para IE9 o IE8, debe usar Bootstrap 3.


Contenedores Bootstrap

La clase de contenedor es una de las clases de Bootstrap más importantes.

Proporciona márgenes, relleno, alineaciones y más a los elementos HTML.

Ejemplo

Este es un párrafo

Este es un párrafo

Este es un párrafo

Este es un párrafo

Este es un párrafo

Inténtalo tú mismo »


Colores de Bootstrap

Londres es la ciudad más poblada del Reino Unido, con un área metropolitana de más de 9 millones de habitantes.

Londres es la ciudad más poblada del Reino Unido, con un área metropolitana de más de 9 millones de habitantes.

Londres es la ciudad más poblada del Reino Unido, con un área metropolitana de más de 9 millones de habitantes.

Londres es la ciudad más poblada del Reino Unido, con un área metropolitana de más de 9 millones de habitantes.

Londres es la ciudad más poblada del Reino Unido, con un área metropolitana de más de 9 millones de habitantes.

Londres es la ciudad más poblada del Reino Unido, con un área metropolitana de más de 9 millones de habitantes.

Londres es la ciudad más poblada del Reino Unido, con un área metropolitana de más de 9 millones de habitantes.

Ejemplo


Londres es la ciudad más poblada del Reino Unido, con un área metropolitana de más de 9 millones de habitantes.

Londres es la ciudad más poblada del Reino Unido, con un área metropolitana de más de 9 millones de habitantes.

Inténtalo tú mismo »


Colores de texto de Bootstrap

Este texto está silenciado.

Este texto es importante.

Este texto indica éxito.

Este texto representa alguna información.

Este texto representa una advertencia.

Este texto representa peligro.

Ejemplo

Este texto está silenciado.

Este texto es importante.

Este texto indica éxito.

Este texto representa cierta información.

Este texto representa una advertencia.

Este texto representa un peligro.

Inténtalo tú mismo »


Columnas Bootstrap

Tres columnas de igual ancho, en todos los dispositivos y anchos de pantalla:

Ejemplo

. col

. col

. col

Inténtalo tú mismo »


Columnas receptivas

Tres columnas de igual ancho que se escalan para apilarse una encima de la otra en pantallas pequeñas:

Ejemplo

. col-sm-4

. col-sm-4

. col-sm-4

Inténtalo tú mismo »


Tablas de Bootstrap

Una mesa perforada a rayas de cebra:

Nombre de pila Apellido Correo electrónico
John Gama [email protected]
María Moe [email protected]
julio Dooley [email protected]

Ejemplo



Nombre Apellido Correo electrónico
Juan Doe [email protected]
María Moe [email protected]
julio Dooley [email protected]

Inténtalo tú mismo »


Alertas de Bootstrap

Bootstrap proporciona una manera fácil de crear mensajes de alerta predefinidos:

¡Éxito! Este cuadro de alerta indica una acción exitosa o positiva.

¡Advertencia! Este cuadro de alerta indica una advertencia que podría necesitar atención.

¡Peligro! Este cuadro de alerta indica una acción peligrosa o potencialmente negativa.

¡Primario! Este cuadro de alerta indica una acción importante.

Ejemplo

¡Éxito! Indica una acción satisfactoria o positiva.

Inténtalo tú mismo »


Botones Bootstrap

Bootstrap proporciona diferentes estilos de botones:








Ejemplo








Inténtalo tú mismo »


Tarjetas Bootstrap

Imagen

John Doe

Algún texto de ejemplo, algún texto de ejemplo. John Doe es arquitecto e ingeniero.

Ver el perfil

Ejemplo

Imagen de tarjeta

John Doe

Algún texto de ejemplo.

Ver perfil

Inténtalo tú mismo »


Tutorial completo de Bootstrap

Esta ha sido una breve descripción de Bootstrap.

Para obtener un tutorial completo de Bootstrap, vaya al Tutorial de Bootstrap de W3Schools.

Para obtener una referencia completa de Bootstrap, vaya a W3Schools Bootstrap Reference.

close