domingo, 20 de octubre de 2019

Cabeceras Bootstrap 4 - Estilos para textos

Bootstrap 4 - Estilos para cabeceras HTML

Cabeceras Bootstrap 4

Como ya sabrás, en HTML tenemos 6 tipos de headings (cabeceras) para títulos que van de <h1> a <h6>.



Bootstrap 4 lleva estilos para estas cabeceras.

Estas son las cabeceras normales sin estilos Bootstrap:


HTML cabeceras

Estos son los estilos que trae Bootstrap 4 para las cabeceras. No necesitas poner ningún tipo de clase en tus etiquetas <h>, solo con tener la hoja de Bootstrap 4 enlazada te funcionará:




<html>
<head>
  <title>Cabeceras HTML</title>
  <meta charset="utf-8">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body>

  <h1>h1 Cabecera Bootstrap 40px</h1>
  <h2>h2 Cabecera Bootstrap 32px</h2>
  <h3>h3 Cabecera Bootstrap 28px</h3>
  <h4>h4 Cabecera Bootstrap 24px</h4>
  <h5>h5 Cabecera Bootstrap 20px</h5>
  <h6>h6 Cabecera Bootstrap 16px</h6>

</body>
</html>


Bootstrap 4 headings styles

0 comentarios:

Publicar un comentario

Si te a gustado o necesitas ayuda, tus comentarios son agradecidos :D