引導列中的中心內容

我有問題使列的內容居中。這裏是佈局的一部分：引導列中的中心內容

<div class="tab-pane fade" id="AccountState"> 
    <div class="col-md-12"> 
     <div class="center-block" id="mainDiv" style="overflow:auto"> 
     <div class="stateItem" id="AlarmBurglary"> 
      <p class="stateText" data-localize="_Burglary">_Burglary</p> 
      <img id="stateImg" src="img/ball_red48.png" alt="stateImg" /> 
     </div> 
     <div class="stateItem" id="AlarmPanic"> 
      <p class="stateText" data-localize="_Panic">_Panic</p> 
      <img id="Img1" src="img/ball_red48.png" alt="stateImg" /> 
     </div> 
     .... 
     </div> 
    <div> 
</div>

我的問題是，我不能這個中心裏面mainDiv這些「的StateItem」的div。正如你所看到的，我嘗試了中心區塊，但物品仍然保持左對齊。

類stateItem，stateText和stateImg沒有任何類型的定位樣式 - 只有寬度，高度和填充。

來源

2015-09-03 nighthawk

這可能幫助：http://stackoverflow.com/questions/18153234/center-a-column-using-twitter-bootstrap- 3 –

@DanCohen @DanCohen我嘗試了很多解決方案，但我認爲這是一個非常具體的問題......在那裏，他們建議使用中央塊，0邊距和其他幾個（我都嘗試過）...... – nighthawk

既不是中心塊也不是邊距： auto會起作用，除非你擺脫引導程序用來管理列的'float'。你也可以嘗試text-align：center。編輯 - 劃痕，顯然裕度：汽車可以工作，只要你設置一個寬度。 –

要將顯示類型爲block的任何容器居中放置，因爲它們會填充所有可用的水平空間，所以必須給它一個寬度，然後使用auto設置其邊距。看到的片段：（？可能是重複的）

div { 
 
    background: tomato; 
 
    padding: 15px; 
 
} 
 
.centered { 
 
    background: #FFF; 
 
    width: 50%; 
 
    margin: auto; 
 
}

<div> 
 
    <div class="centered"> 
 
    Centered DIV 
 
    </div> 
 
</div>

來源

2015-09-03 13:46:57 duatis

這使我在正確的道路上......我將寬度更改爲85％，現在居中，但第二行是問題。如果我修復它，我會接受答案並添加我的修改！ – nighthawk

引導列中的中心內容

回答

相關問題