Bootstrap class「text-center」not working

Question

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

我嘗試在中心顯示，但沒有工作。第二次使用位置相對，但在響應式設計中無法正常工作。

Answer 1

引導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> 

引導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> 

Answer 2

這很可能是你有你自己的樣式表和你的<h4>標籤有text-align: left;或類似的東西。它也可以是.input-group或.Flugo_group。我們需要看看你的代碼。

編輯：甚至包含任何代碼的東西都可能是問題。

Answer 3

您使用的是哪個版本的Bootstrap？我在Bootstrap 3.3.7中沒有獲得任何類「文本中心」。因此，請確認在您的Bootstrap css文件中包含這樣的任何類。如果沒有，你可以添加你自己的類與文本對齊：中心;