bootstrap listgroup不居中

-1

我創建了一個列表組，但它不是以頁面爲中心。我能夠操縱每個列表組中的文本以將其左對齊，但整個元素顯示在頁面的左側。沒有什麼可以讓我把它放在頁面上。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>

來源

2016-01-23 morgan

剛添加'margin：0 auto;'爲'.list-group' –

答案。使用後：

display: block; 
margin: 0 auto;

來源

2016-01-23 15:41:11

-1

使用引導網格類的

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

來源

2016-01-23 16:03:49

什麼是down-vote的原因，能解釋一下嗎？ –

如果我理解正確的，你需要把你的頁面的<div>的中心。在引導3是沒有CSS做:( 我中心

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

使用此類<div>但如果要對齊的文本，將可以使用非標準類像text-center

來源

2016-01-23 16:15:02

bootstrap listgroup不居中

回答

相關問題