캐노피 - 내부에 패딩을 추가 할 때 부트 스트랩 캐 러셀 항목이 점프합니다.

Question

이 문제를 너무 오랫동안 해결하려고했습니다. 문제는 내가 패딩/여백을 강요하지 시도

Codepen can be found here

슬라이더 등 .. 점프 백그라운드에서 나타나고있다 내가 .carousel-inner 항목에 패딩을 추가 할 때를 제외하고는, 정상적으로 작동하는지입니다 하지만 운이 ..

편집 :이 항목의 내용에 box-shadow을 사용하고 같은 부모 DIV에 패딩을 추가는 (그것을 해결되지 않습니다) 가능하지 않습니다. 와 함께 표시되지 않습니다 overflow:hidden

감사합니다.

Answer 1

글쎄 왜 그렇게하는지 모르겠지만 padding을 캐 러셀 ID에 추가하면 동일한 효과를 얻을 수 있습니다.

#theCarousel{padding:20px;}

는 지금은 잘 작동 : https://codepen.io/Karadjordje/pen/bYQmBP

Answer 2

그것을 부트 스트랩의 next 추가 left 클래스 .item에 그것은 절대 위치 https://codepen.io/anon/pen/POxyJg

최고 추가이 예를 볼 수 있도록하기 때문에 : 20 픽셀을; 상단 .carousel-inner>.next 내가 게시물을 편집 한

.carousel-inner>.next, .carousel-inner>.prev{ 
    top: 20px; // top padding 
}