Classe de Bootstrap “text-center” ne fonctionne pas

<div class="input-group Flugo_group">
     <h4 class="text-center">or</h4>
</div>

je suis essayer de montrer dans le centre, mais ne fonctionne pas.deuxième fois à l'aide de la position relative, mais ne fonctionne pas correctement en responsive design.
Classe de Bootstrap “text-center” ne fonctionne pas

  • Vous avez peut-être styles de conflits avec d'autres composants. Envoyer un lien ou mettre votre code dans l'éditeur, et il sera plus facile de vous aider
  • Flugo_group classe n'est pas tous les composants, c'est propre à la notion de classe de bootstrap personnaliser. je suis en utilisant uniquement bootstrap
  • Maintenant, je suis en utilisant bootstrap 4. stackoverflow.com/a/15140080/5724267. Et c'est le travail.
InformationsquelleAutor Archin Modi | 2016-12-18
  1. 8

    Bootstrap 3

    v3 Alignement du Texte Docs

    <p class="text-left">Left aligned text.</p>
<p class="text-center">Center aligned text.</p>
<p class="text-right">Right aligned text.</p>
<p class="text-justify">Justified text.</p>
<p class="text-nowrap">No wrap text.</p>

    Bootstrap 4

    v4 Alignement du Texte Docs

    <p class="text-xs-left">Left aligned text on all viewport sizes.</p>
<p class="text-xs-center">Center aligned text on all viewport sizes.</p>
<p class="text-xs-right">Right aligned text on all viewport sizes.</p>

<p class="text-sm-left">Left aligned text on viewports sized SM (small) or wider.</p>
<p class="text-md-left">Left aligned text on viewports sized MD (medium) or wider.</p>
<p class="text-lg-left">Left aligned text on viewports sized LG (large) or wider.</p>
<p class="text-xl-left">Left aligned text on viewports sized XL (extra-large) or wider.</p>
    • Cette page indique la non-fenêtre-classe spécifique devrait fonctionner aussi bien.
    • display:block pourrait l'être également.
    InformationsquelleAutor Faisal
  2. 12

    J'ai été confrontée au même problème dans le Bootstrap 4.1.0. Voici ce que j'ai compris:

    J'ai fait ça (le fait d'avoir mon paragraphe à l'intérieur de la div avec la classe "ligne"):

    <div class="container-fluid">
    <div class="row" style="background-color: #009688;">
       <p class="text-center" style="color: #fff;"> Meet me at</p>
    </div>
</div>

    Plus tard, j'ai supprimé la classe et cela a fonctionné.

    <div class="container-fluid">
    <div style="background-color: #009688;">
       <p class="text-center" style="color: #fff;"> Meet me at</p>
    </div>
</div>
    • Même chose m'est arrivé dans le Bootstrap 4.1, avait pour supprimer la ligne de la classe.
    • je vous remercie. mais pourquoi class="row" ne permet pas
    InformationsquelleAutor UzumakiL
  3. 1

    Il est plus probable que vous avez votre propre feuille de style, et votre <h4> tag a text-align: left; ou quelque chose comme ça. Il pourrait être .input-group ou .Flugo_group ainsi. Nous avions besoin de voir votre code si.

    Edit: Ou même quelque chose d'aussi simple que ce que contient votre code pourrait être le problème.

    InformationsquelleAutor Kenneth Rhodes
  4. 0

    La version de Bootstrap vous utilisez? Je ne suis pas d'obtenir toute la classe "text-center" dans le Bootstrap 3.3.7. Donc confirmer que, dans votre Bootstrap, fichiers css contient toute la classe comme ça. Si non, vous pouvez ajouter votre propre classe avec text-align: center;

    InformationsquelleAutor Hanif