最後一個圖標在實木 - 電池絲網

Question

請看看我的代碼： http://clubedebeneficiosunilife.com.br/categorias.php

我需要什麼？ 我需要這個吧，這個橙色的風格，顯示13個圖標，但保持諧波。也就是說，保持水平和垂直居中。請注意，如果我在較小的屏幕上打開我的鏈接（http://clubedebeneficiosunilife.com.br/categorias.php），結果會很糟糕。第13個圖標實際上打開粘在橙色條的邊緣。

學習引導，我看到可能有12列。但是，因爲我有13個圖標，這對我來說很複雜。

我是bootstrap中的新手，有人可以幫助我在這個橙色條上對稱顯示這13個圖標嗎？

非常感謝你，非常感謝！

Answer 1

我認爲這是你想要的。

添加一類像我一樣在包裝DIV（mydiv爲例）：

<div class = "col-sm-6 col-md-12 mydiv"> 
    ... 
</div> 

然後添加到您的樣式表（mydiv是例如I類使用）：

.mydiv { 
    display:table; 
} 

.mydiv a { 
    display: table-cell; 
    vertical-align:middle; 
} 

小提琴：https://jsfiddle.net/yzen382o/

您的迴應，問題是在這裏固定： https://jsfiddle.net/x9omqm1c/