어떻게 글 머리 기호 위치를 Foundation에서 오른쪽 위 모서리로 설정할 수 있습니까?

Question

글 머리 기호를 이미지의 오른쪽 상단 모서리에 놓으려고하지만 화면을 조정하고 크기를 조정하면 글 머리 기호가 위치를 이동합니다.

여기에 내 코드

.orbit-bullets 
{ 
    margin: 0 auto 30px auto; 
    overflow: hidden; 
    position: absolute; 
    float:right; 
    bottom:500px; 
} 

Answer 1

bottom:500px 당신이 궤도를 넣어 것입니다 위치에 따라 위험 할 수 있습니다. 내가 말하는 것은 총알이 페이지를 통과하기 때문에 보이지 않을 수도 있다는 것입니다. 그것은 그들이 움직이는 것과 같은 이유 일 수 있습니다. 대신 다음을 가져야합니다 :

.orbit-bullets { 
    position: absolute; 
    right: 25px; 
    top: 5px; 
} 

궤도에 고유 한 클래스를 제공하지 않는 경우이 세 가지 스타일 만 재정의하는 것이 가장 좋습니다.

Answer 2

같은 문제가있는 다른 사용자에게 도움이 될지도 모릅니다. 이 솔루션은 .. 나를 위해

$(function(){ 
    var bullets = $('ol.orbit-bullets'); 
    bullets.insertBefore($(".orbit-container")); 
}); 

을했다 그리고 당신은 오른쪽으로 정렬 할 경우 : ...

.orbit-bullets { text-align: right; } 

Answer 3

이 요소에 적용하고, 플로트를 사용하지 않는

.orbit-bullets-container { 
position: absolute; 
right: 25px; 
top: 5px; 

}