粘在边缘的最后一个图标 - 单元格屏幕

Question

请看我的代码： http://clubedebeneficiosunilife.com.br/categorias.php

我需要什么？ 我需要这个显示 13 个图标但保持谐波的橙色风格的酒吧。也就是说，在水平和垂直方向上保持居中。请注意，如果我在较小的屏幕上打开我的 link (http://clubedebeneficiosunilife.com.br/categorias.php)，结果会很难看。第 13 个图标打开时几乎粘在橙色条的边缘。

研究bootstrapping，我看到可能有12列。但是因为我有 13 个图标，这对我来说很复杂。

我是 bootstrap 的新手，谁能帮我把这 13 个图标对称地显示在这个橙色条上？

谢谢，非常感谢！

Answer 1

我想这就是你想要的。

像我一样在包装纸上添加一个 class（例如我的div）div:

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

然后将其添加到您的样式表中（我的div 是我使用的示例 class）：

.mydiv {
  display:table;
}

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

Fiddle: https://jsfiddle.net/yzen382o/

您的响应问题已在此处解决： https://jsfiddle.net/x9omqm1c/