부트 스트랩 열 내용 고정 위치 지정

두 개의 열과 오프셋이있는 부트 스트랩 행이 있습니다. 나는 마지막 열이 fixed이되도록하여 스크롤하는 동안 볼 수 있도록합니다. 마지막 열에는 이미지 내용이 있습니다.부트 스트랩 열 내용 고정 위치 지정

마지막 열의 div를 고정하기 위해 부트 스트랩과 함께 제공되는 affix 클래스를 사용했습니다. 그러나 마지막 열의 이미지 크기가 조정되거나 오버플로됩니다. 고정 된 위치없이

/.affix : 고정 poisition와 https://jsfiddle.net/tpw9n2e7/1/
/.affix : https://jsfiddle.net/tpw9n2e7/2/

당신은 내가 무슨 말인지의 아이디어를 얻을이 jsfiddles를 확인하실 수 있습니다

하위 디디에서 내용의 크기를 조정하거나 내용을 넘치지 않고 div를 고정하려면 어떻게해야합니까? V?

출처

2017-12-14 v1k45

div의 div는 위치가 고정되어 있기 때문에 div를 따르지 않을 것이라고 생각합니다.

자식 콘텐츠가 .affix을 따르도록 .affix 클래스에 상위 div 클래스를 추가해야합니다.

<div class="col-sm-4"> 
    <div class="affix col-sm-4"> 
    <img src="http://via.placeholder.com/450x750" class="img-responsive"/> 
    <br/> 
    Fixed Content 
    </div> 
    </div>

출처

2017-12-14 10:20:34 DennisFrea

감사합니다. 그 일을 했어. 그것이 어떻게 작동하는지 설명하는주의? – v1k45

당신을 환영합니다. 확실하지 않지만 부모와 동일한 너비를 추가하여 고정 된 div에 col-sm-4 인 고정 된 div는 부모 div와 동일한 너비를 가져야합니다. 너비를 추가하는 것도 가능합니다. 고정 된 div에 상속하지만 너비를 정의하는 부모와 동일한 클래스를 사용하는 대신에 너비가 높아야합니다. – DennisFrea

부트 스트랩 열 내용 고정 위치 지정

답변

관련 문제