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

请查看我的代码：

我需要什么？ 我需要这个橙色的风格，显示13个图标，但保持和谐。也就是说，保持水平和垂直居中。请注意，如果我在较小的屏幕上打开我的链接（），结果会很糟糕。第13个图标打开时几乎粘在橙色条的边缘

研究引导时，我发现可能有12列。但由于我有13个图标，这对我来说很复杂

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

---

谢谢你，非常感谢

我想这就是你想要的

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

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

小提琴：

您的响应问题已在此处修复：

---

请提供链接上的示例：感谢您的帮助，真的很一致。但它没有反应。我需要在较小的屏幕上显示“下降”图标，以便响应！我为你的第二个任务添加了一个副手（响应），这对我来说是新的。谢谢。。。好成绩！

.mydiv {
  display:table;
}

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