以模態中的內容爲中心（有n00b時刻）

Question

我正在嘗試將模式中的3x3網格居中。我一直堅持這一點在一天的很大一部分，似乎無法弄清楚爲什麼它不會居中。內容正在通過PHP foreach循環模板化。繼承人的PHP。

<div class="container"> 
    <div class="row centerThemes"> 
     <div class="span12"> 
      <?php $themes = ["1", "2", "3", "4", "5", "6", "7", "8", "9"]; ?> 
      <?php foreach($themes as $theme):?> 
       <div class="span3 themeChoice" data-feedback-selected="false" data-feedback-type="<?= $theme?>"> 
        <img class="img-responsive feedbackImg" src="path here"> 
       </div> 
      <?php endforeach; ?> 
     </div> 
    </div> 
</div> 

正如你所看到的，我有一個叫做centerThemes的類，我一直在玩。我會告訴你的CSS，但我一直試圖一直沒有工作。將邊距設置爲0 auto,margin-left和margin-right至auto,display:block等等。任何是的，我使用bootstrap，但它是一個較舊的版本，你必須使用像'span4'這樣的類來創建4列部分。

不太確定該怎麼做。

任何幫助表示讚賞，謝謝！

Answer 1

span類聽起來像Boostrap 2. 因爲一些奇怪的原因，如果我嵌入片段網格將不會顯示所需的，所以我只會鏈接小提琴。

Here's an example without PHP using Bootstrap2