是否可以將幻燈片容器內的Orbit項目符號移動？

Question

我正在使用the Orbit component of Foundation 5並想知道是否有辦法將出現在幻燈片下方的子彈移動到幻燈片本身的內容區域。基本上把子彈放在圖片的上面。

有一些configuration variables available，但似乎沒有解決子彈定位，我還沒有能夠找到一種方法來做到這一點在CSS中。

Answer 1

向orbit-bullets-container類添加一個負數margin-top可以實現此功能。

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

調整該值，使其出現在您想要的位置。您可能需要添加一個padding-bottom或margin-bottom以將滑塊下方的內容放回頁面。