Comment rendre les rubriques bootstrap réactives?

Question

Je fais un site Web bootstrap. Tout fonctionne bien sur toutes les tailles d'écran mais le cap (h1) reste de taille fixe. C'est trop grand pour les petits écrans. Comment puis-je réparer le bootstrap h1 ou les en-têtes en général.

Answer 1

Vous pouvez utiliser @media pour cette

@media screen and (max-width: 768px) { 
    h1{ 
     font-size:14px; 
    } 
} 

Cela signifie moins de 768px la taille des caractères de la balise h1 sera 14px.

Comme cela, vous pouvez définir pour tous les pixels dont vous avez besoin.

Answer 2

mieux utiliser la SASS bootstrap dans votre propre SASS, gardez-le sec et maintenable

@import "../bootstrap-sass/bootstrap/variables"; 

@media screen and (max-width: $screen-md-max) { 
    h1 { 
     font-size:14px; 
    } 
}