Reboot

Contenidos Reboot...

🎉 ¡La traducción de Bootstrap 5.3 ya se encuentra disponible! (Estás en Bootstrap 5.1)
😎 Esta traducción es parte del proyecto esdocu.com.

En esta página

Enfoque

Contenido Enfoque....table, .table-bordered y más.

Estas son nuestras pautas y razones para elegir qué sobrescribir en Reboot:

Variables CSS

Añadido en v5.1.1

Contenido Variables...

Por ejemplo, considera estas variables CSS :root para los estilos comunes <body>:

En la práctica, esas variables se aplican en Reboot así:

Lo que te permite hacer personalizaciones en tiempo real como quieras:

Valores de página predeterminados

Los elementos <html> y <body> se actualizan para proporcionar mejores valores predeterminados para toda la página. Más específicamente:

Pila de fuentes nativas

Bootstrap utiliza una “pila de fuentes nativa” o “pila de fuentes del sistema” para una reproducción de texto óptima en todos los dispositivos y sistemas operativos. Estas fuentes del sistema se han diseñado específicamente teniendo en cuenta los dispositivos actuales, con una representación mejorada en las pantallas, compatibilidad con fuentes variables y más. Lee más sobre pilas de fuentes nativas en este artículo de Smashing Magazine.

Títulos y párrafos

Todos los elementos de encabezado, por ejemplo <h1>, y párrafos <p> se restablecen para eliminar su margin-top. Los encabezados tienen margin-bottom: .5rem agregado y los párrafos margin-bottom: 1rem para facilitar el espaciado.

Listas

Todas las listas, <ul>, <ol> y <dl>, tienen su margin-top eliminado y un margin-bottom: 1rem. Las listas anidadas no tienen un margin-bottom. También hemos reiniciado el padding-left en los elementos <ul> y <ol>.

Código en línea

Envuelve fragmentos de código en línea con <code>. Asegúrate de escapar los corchetes angulares de HTML.

Por ejemplo, <section> debe ajustarse en línea.

Bloques de código

Usa <pre>s para múltiples líneas de código. Una vez más, asegúrate de escapar los corchetes angulares en el código para una representación adecuada. El elemento <pre> se restablece para eliminar su margin-top y usar unidades rem para su margin-bottom.

Variables

Para indicar variables usa la etiqueta <var>.

Entradas de usuario

Usa <kbd> para indicar la entrada que normalmente se ingresa a través del teclado.

Salida de muestra

Para indicar la salida de texto de un programa, usa la etiqueta <samp>.

Tablas

Las tablas se ajustan ligeramente al estilo.

Formularios

Se han reiniciado varios elementos de formulario para estilos básicos más simples. Estos son algunos de los cambios más notables:

Pointers en botones

Reboot incluye una mejora para...

Elementos misceláneos

Direcciones

El elemento <address> se actualiza para restablecer el font-style predeterminado del navegador de italic a normal. line-height ahora también se hereda, y se ha agregado margin-bottom: 1rem. Las <address> son para presentar la información de contacto. Preserva el formato terminando las líneas con <br>.

Blockquote

El margin predeterminado en las blockquotes (comillas en bloque) es 1em 40px, por lo que lo restablecemos a 0 0 1rem para que sea algo más consistente con otros elementos.

Una cita conocida, contenida en un elemento blockquote.

Alguien famoso en Source Title

Elementos en línea

El elemento <abbr> recibe un estilo básico para que se destaque entre el texto del párrafo.

Resumen

El cursor predeterminado en <summary> es text, por lo que lo restablecemos a pointer para transmitir que se puede interactuar con el elemento haciendo clic en él.