Quel est le remplacement de la classe blockquote-reverse de Bootstrap-3 dans Bootstrap-4. Je l'ai recherché sur Google, mais je n'ai pas trouvé de solution.
3 Réponses :
Bootstrap 4.x a supprimé les noms de classes comme celui-ci en faveur de leurs nouvelles classes utilitaires. Ceci est indiqué dans leur documentation sur la migration lors de la recherche de blockquote-reverse < / code>
Des blockquotes repensés, en déplaçant leurs styles de
élément à une seule classe,.blockquote. J'ai laissé tomber le Modificateur.blockquote-reversepour les utilitaires de texte.
Les nouvelles classes d'utilitaires de texte offrent un contrôle beaucoup plus granulaire sur l'organisation du contenu - mais pour répliquer .blockquote-reverse , il vous suffit d'appliquer text-right .
Documentation de la classe de l'utilitaire de texte Bootstrap 4.x
Dans la version 4, ils ont remplacé blockquote-reverse par blockquote text-right
Essayez cet exemple de code,
<blockquote class="blockquote text-right"> <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> <footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer> </blockquote>
vous devez utiliser class = "pull-right" pour tout extraire, y compris la ligne associée vers la droite. class = "text-right" aligne uniquement le texte et non la ligne grise associée à blockquote.