J'ai une étiquette de tête avec un sous-titre secondaire comme celui-ci:
est un moyen d'appliquer le système de grille de bootstrap avec des espacements de colonne pour ces éléments en ligne, de sorte que les petits écrans, le sous-titre est sur une ligne différente? Je pouvais seulement penser à scinder le H1 en deux colonnes et appliquer des classes de colonne pour contrôler la mise en page : mais il y a maintenant deux étiquettes de tête et trop d'espace négatif entre eux. 
3 Réponses :
Vous pouvez supprimer H1 et ajouter les règles CSS nécessaires, car le navigateur fait marge pour H1 par défaut
html: p> css: p> .headingTest {
font-size: 32px;
}
Vous pouvez spécifier cela en utilisant les utilitaires CSS de Bootstrap avec des points d'arrêt. Disons que vous voulez que vous voulez un comportement différent sur les tailles de taille moyenne et en hausse. Pour clarifier, vous voulez le comportement suivant:
moyen et up:
plus petit que le support:
C'est ce que le code ressemblerait à: la classe utilitaire ici signifie ici que les éléments seront affichés en ligne-block pour les tailles de taille moyenne et up.
La solution de bootstrap plus facile est d'oublier même d'utiliser des colonnes pour cela. En utilisant Utilitaires d'affichage de bootstrap 4 Définissez le petit élément pour afficher le bloc par défaut et pour plus gros que les petits écrans affichent en ligne comme: p>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.1/css/bootstrap.min.css" integrity="sha384-VCmXjywReHh4PwowAiWNagnWcLhlEJLA5buUprzK8rxFgeH0kww/aWY76TfkUoSX" crossorigin="anonymous">
<h3>
Fancy display heading
<small class="d-block d-md-inline text-muted">With faded secondary text</small>
</h3>
Avez-vous essayé quelque chose?
Je pense que vous pouvez ajouter la classe "D-Block" à votre balise. Cela obligera est de prendre toute la ligne et d'où la pousse-t-elle.
@Alexander, oui, l'ajout de la classe D-Block apporte le sous-titre à une nouvelle ligne. Mais je veux afficher l'en-tête et le sous-titre en ligne (côte à côte) pour les grands écrans et les casser en deux seuls pour les petits écrans.