부트 스트랩 4 회전식 슬라이더 화살표 정렬

Question

부트 스트랩 4 알파 6 회전식 플러그인을 대화식 div 슬라이더에 사용 중입니다.

아래 이미지와 같이 오른쪽 및 왼쪽 투명 단추를 각각 극단 오른쪽 및 극단 왼쪽에 위치 시키길 원합니다.

나는 위치를 변경 시도하고 previous post 방법을 따라하지만, 모두가 내 경우 작동하지 않습니다했다.

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { 
    right: 0; 
} 

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { 
    left: 0; 
} 

이 문제를 해결하는 가장 좋은 방법은 누구입니까? 미리 감사드립니다.

Answer 1

부트 스트랩 4 글리프콘을 사용하지 않으며 프레임 워크 전체가이 새 버전으로 다시 작성되었습니다. 이는 부트 스트랩 3에 대한 캐 러셀 스 니펫이 부트 스트랩 4에서 작동하지 않을 가능성이 있음을 의미합니다.

부트 스트랩 4 알파의 왼쪽 및 오른쪽 화살표는 icon-prev 및 icon-next 클래스에 연결됩니다.

따라서이 코드를 사용하여 극한 오른쪽과 극단 왼쪽에 위치하도록 설정할 수 있습니다.

.carousel-control .icon-prev{ 
    left: 5px 
} 
.carousel-control .icon-next{ 
    right: 5px 
} 

Codepen 데모 : https://codepen.io/Washable/pen/EbbOXd?editors=1100