Search code examples
cssbootstrap-modal

Bootstrap class "text-center" not working

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

i am try to show in center but not working.second time using position relative but not working properly in responsive design. center

Solution

  • Bootstrap 3

    v3 Text Alignment 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 Text Alignment 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>