twitter-bootstrap - para - tamaño letra html5
Aumenta el tamaño de la fuente (2)
Bootstrap 4 usa em
o rem
para las fuentes. Cada elemento se ve muy pequeño.
¿Cómo puedo aumentar el font-size
de font-size
para todos los tamaños de vista ? ¿Hay una manera fácil de hacerlo?
Como Bootstrap 4 usa rem para la unidad de font-size
de la mayoría de sus elementos, puede establecer el font-size
en px
en el elemento HTML en su propia hoja de estilo y esto cambiará el tamaño predeterminado que Bootstrap aplica a sus elementos. He incluido un enlace a un proyecto de Codeply , para que lo puedas ver en acción. El entorno ya tiene Bootstrap 4 cargado. Si cambia el valor del font-size
de font-size
para el selector html
y ejecuta el proyecto, puede ver cómo cambia el tamaño de los elementos en relación con el elemento raíz.
Agregar tres líneas de CSS a tu hoja de estilo debería ser bastante fácil:
html {
font-size: 16px;
}
puede usar clases de bootstrap de .h1
a .h6
o puede crear su propia clase de css personalizada y definir el tamaño de la fuente aquí y poner su clase en su elemento html.