반응 형 그리드에서 독립적으로 스크롤 가능한 두 개의 열을 만드는 방법은 무엇입니까?

Question

마스터 및 세부 정보가 각각 독립적으로 스크롤 가능하고 반응 형 그리드의 나란한 열인 마스터 - 세부 화면을 표시해야 할 필요가 있습니다. 브라우저 너비가 임계 값보다 낮아지면 두 개의 열이 쌓여 전체 페이지 스크롤이 하나만됩니다.

이상적으로이 기능은 트위터 부트 스트랩 내에서 수행하고 싶습니다. 이게 간단해야 할 것 같니?

Answer 1

부트 스트랩에서 .scrollable div가 "overflow : auto"로 설정되어 있다고 생각합니다.

부트 스트랩은 저해상도에서 자동으로 스택을 만듭니다.

<div class="row-fluid"> 
    <div class="span6"> 
     <div class="scrollable"></div> 
    </div> 
    <div class="span6"> 
     <div class="scrollable"></div> 
    </div> 
</div>