引导列中的中心内容

我有问题使列的内容居中。这里是布局的一部分：引导列中的中心内容

<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

引导列中的中心内容

回答

相关问题