bootstrap listgroup不居中

问题描述：

我创建了一个列表组，但它不是以页面为中心。我能够操纵每个列表组中的文本以将其左对齐，但整个元素显示在页面的左侧。没有什么可以让我把它放在页面上。bootstrap listgroup不居中

CSS：

.list-group{ 
width:40%; 
text-align: center;}

HTML：这里

<div class="span12"> 
    <ul class="list-group"> 
    <li class="list-group-item"> 
     <span class="badge">0</span> 
     <b>Stuff1:</b> 
    </li> 

    <li class="list-group-item"> 
     <span class="badge">0</span> 
     <b>Stuff2: </b></li> 

    <li class="list-group-item"> 
     <span class="badge">0</span> 
     <b>Stuff3:</b></li> 
    </ul> 
</div>

刚添加'margin：0 auto;'为'.list-group' –

答

答案。使用后：

display: block; 
margin: 0 auto;

答

使用引导网格类的

<div class="row"> 
    <div class="col-md-offset-4 col-md-4"> 

    <ul class="list-group"> 
     <li class="list-group-item"> 
     <span class="badge">0</span> 
     <b>Stuff1:</b> 
     </li> 
     <li class="list-group-item"> 
     <span class="badge">0</span> 
     <b>Stuff2: </b> 
     </li> 
    </ul> 
    </div> 
    </div>

什么是down-vote的原因，能解释一下吗？ –

答

如果我理解正确的，你需要把你的页面的<div>的中心。在引导3是没有CSS做:( 我中心

.centerBlock { 
    float: none; 
    margin-left: auto; 
    margin-right: auto; 
}

使用此类<div>但如果要对齐的文本，将可以使用非标准类像text-center

bootstrap listgroup不居中

相关推荐