Question

我想在移动设备上查看滑块的某种导航。由于方向箭头不会在移动设备上显示（如果有人可以告诉他们如何制作它们，那将是非常棒的）我认为一个很好的解决方案是拥有一个不同的滑块，相同的图像，即“show-for-small”下面有子弹。

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

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

由于

Answer 1

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

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