最終アイコンセル画面

Question

は私のコードを見てください？ 私は13のアイコンを表示するが、ハーモニクスを維持するこのオレンジスタイルのバーが必要です。つまり、垂直方向だけでなく水平方向も中心に留まります。小さい画面で自分のリンク（http://clubedebeneficiosunilife.com.br/categorias.php）を開くと、結果が醜いことに注意してください。第13アイコンは、オレンジ色のバーの端に実際に接着されて開きます。

ブートストラップについて学ぶと、12個の列があることがわかりました。しかし、私は13のアイコンを持っているので、それは私には複雑です。

私はブートストラップで新しく、誰かが私にこのオレンジ色のバーを対称的に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/