是否有可能在幻灯片容器内移动Orbit子弹？

Question

我正在使用the Orbit component of Foundation 5并想知道是否可以将幻灯片下方出现的项目符号移动到幻灯片本身的内容区域。基本上把子弹放在图片的顶部。

有许多configuration variables available，但似乎都没有解决子弹定位问题，而且我还没有找到一种方法在CSS中做到这一点。

Answer 1

向margin-top类添加否定orbit-bullets-container将实现此目的。

.orbit-bullets-container
{
    margin-top: -60px;
}

调整该值，使其显示在您希望的位置。您可能需要添加padding-bottom或margin-bottom以将内容放在页面下方。