使用引導程序在div內居中文本

試圖熟悉Bootstrap及其網格系統。下面顯示了我在創建頁腳時的嘗試，我不想使用所有12個欄目，目前看起來不錯 - 但出於某種原因，我無法將div中的列表項居中。我試着玩谷歌開發工具，但無法找到原因。使用引導程序在div內居中文本

.wrapper{ 
    width:80%; 
    margin:0 auto; 
} 
.footer{ 
    margin:0 auto; 
    text-align:center; 
}

HTML

<div class="row footer"> 
      <div class="wrapper clearfix"> 
       <div class="col-md-2 "> 
        <ul> 
         <li>Bob</li> 
         <li>Bob</li> 
         <li>Bob</li> 
         <li>Bob</li> 
         <li>Bob</li> 
        </ul> 
       </div> 
       <div class="col-md-2"> 
        <ul> 
         <li>Bob</li> 
         <li>Bob</li> 
         <li>Bob</li> 
         <li>Bob</li> 
         <li>Bob</li> 
        </ul> 
       </div> 
       <div class="col-md-2"> 
        <ul> 
         <li>Bob</li> 
         <li>Bob</li> 
         <li>Bob</li> 
         <li>Bob</li> 
         <li>Bob</li> 
        </ul> 
       </div> 
       <div class="col-md-2"> 
        <ul> 
         <li>Bob</li> 
         <li>Bob</li> 
         <li>Bob</li> 
         <li>Bob</li> 
         <li>Bob</li> 
        </ul> 
       </div> 
      </div> 
     </div>

來源

2017-08-27 J.Doe

這似乎是工作正常，什麼是你想達到什麼目的？項目集中在列表中，還是以頁腳爲中心？ –

'col- *'應該是'row'的直接子節點 – ZimSystem

Col- * s被設置爲float：在bootstrap中默認設置爲left，我們需要重置Check th鏈接https://jsfiddle.net/7acynjLj/1/ –

使用

.footer ul { 
    display: grid; 
    justify-content: center; 
}

demo

來源

2017-08-27 14:46:48

使用引導程序在div內居中文本

回答

相關問題