부트 스트랩 열을 접는 방법?

Question

다음 이미지와 같이 두 섹션 사이에서 사이드 바를 접을 수 있습니까?

는

Answer 1

이 예는 실제로 외부 JS의 바이올린 환경을 사용할 수 있습니다. 문제는 float가 엉망이되도록 @media 쿼리가이 환경에서 적용되지 않는다는 것입니다.

http://jsfiddle.net/v38q68h2/12/

<div class="col-md-8" id="a"> 
    A 
</div> 
<div class="col-md-4 pull-right" id="b"> 
    B 
</div> 
<div class="col-md-8" id="c"> 
    C 
</div> 

#a{ 
    background: black; 
    padding: 10px; 
} 
#b{ 
    background: blue; 
    padding: 10px; 
} 
#c{ 
    background: red; 
    padding: 10px; 
} 

당신은 확실히 몇 가지 최적화를 만들지 만, 바로 아래 부분이 제대로 자리에 빠질 것 같습니다 전에 사이드 바 래퍼 올 가지고 있었다. 유일한 진짜 단점은 메인 콘텐츠에 사이드 바를 만들어야한다는 것입니다.