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

Question

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

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

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

我是新手，有人可以帮我在这个橙色条上对称地显示这 13 个图标吗？

谢谢，非常感谢！

Answer 1

我想这就是你想要的。

在包装 div 上像我一样添加一个类（例如 mydiv）：

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

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

.mydiv {
  display:table;
}

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

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

您的响应式问题已在此处修复： https://jsfiddle.net/x9omqm1c/