El que uses
bootstrap o no, no afecta, la solución es usar mediaqueries aunque si quieres que se adapte siempre al tamaño del dispositivo usa las medidas
vh o
vw, así:
Código CSS:
Ver originalfont-size: 3vh; /*30% la altura del dispositivo*/
/* o también*/
font-size: 3vw; /*30% el ancho del dispositivo*/
Con
mediaqueries sería algo así:
Código CSS:
Ver original/*este estilo solo se aplicara cuando este
en dispositivos con una anchura menor a 600px*/
@media (max-width: 600px) {
.elemento {
font-size: 1.2em;
}
}
Aunque puedes combinar las dos técnicas. Hay otras medidas dinámicas parecidas:
vmax y vmin, la idea es que experimentes.
Por cierto, aunque sí se puede y eres libre de hacerlo o no, lo recomendado es que solo declares un font-size en pixeles una única vez en el body y en los demás elementos uses la medida relativa
em o
rem.