使用 show-for-small 时 Foundation Orbit 子弹不居中

Question

我希望在移动设备上查看时为滑块提供某种导航。由于方向箭头不会在移动设备上显示（如果有人能告诉他们如何制作它们，那就太棒了）我认为一个好的解决方案是使用不同的滑块，相同的图像，即“show-for-small”并且下面有子弹。

它有效，但有一个问题让我很头疼。如果您使用浏览器窗口宽度（桌面）加载页面并缩放到移动宽度，滑块会切换，但项目符号不会居中。它们似乎向右移动。如果您以该移动宽度重新加载页面，它们很好，完全位于图像下方。

有没有人知道如何解决这个问题？我设置了一个页面来演示这个问题。 www.jonesco.com/_foundation/bullet_problem.html

谢谢

Answer 1

将以下内容添加到您的样式表中：

.orbit-bullets {
    display: table;
    text-align: center; 
}