Bootstrap 4 - Estilos para cabeceras display
En este capítulo veremos la clase display para hacer que las cabeceras HTML sean más grandes y con un estilo de fuente más delgado.
Este es el estilo HTML de cabecera sin Bootstrap:
Este es el estilo de cabecera con Bootstrap 4:
Y estos, los cuatro tipos de clase display:
Este es el estilo HTML de cabecera sin Bootstrap:
Este es el estilo de cabecera con Bootstrap 4:
Y estos, los cuatro tipos de clase display:
<html> <head> <title>Cabeceras Display HTML</title> <meta charset="utf-8"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> </head> <body> <h1 class="display-1">Header Display 1.</h1> <h1 class="display-2">Header Display 2.</h1> <h1 class="display-3">Header Display 3.</h1> <h1 class="display-4">Header Display 4.</h1> </body> </html>
0 comentarios:
Publicar un comentario
Si te a gustado o necesitas ayuda, tus comentarios son agradecidos :D