Blueprint CSS를 사용할 때 div를 동일한 행에 강제로 넣는 방법 CSS

Question

blueprint-css를 사용하고 있는데 아래에 3 개의 span-12 div가 표시되도록 span-24에 가로 스크롤 막대를 표시하고 싶습니다. 같은 행. 이것은 간단한 일인 것처럼 보이지만 나는 그것을 작동시킬 수 없습니다. overflow-x : 스크롤은 나에게 스크롤바를 주지만 최종 스팬 -12는 새로운 라인에 나타납니다.

HTML :

<div class="span-24 table-container"> 
    <div class="span-12"> 
    Some Content 
    </div> 
    <div class="span-12"> 
    Some Content 
    </div> 
    <div class="span-12"> 
    Some Content 
    </div> 
</div> 

CSS :

그리드와

div.table-container { 
    overflow-x:scroll; 
} 

Answer 1

는 그래서 난 당신이 당신의 그리드 컬럼 내부의 사업부를 만들 것을 제안 그리드 레이아웃 시스템을 수정하려고 항상 그렇게 좋지 않다 에 의해

<div class="span-24"> 
    <div class="table-container"> 
     <div class="span-12"> 
     Some Content 
     </div> 
     <div class="span-12"> 
     Some Content 
     </div> 
     <div class="span-12"> 
     Some Content 
     </div> 
    </div> 
</div> 

: 대신 span 클래스 자체를 수정할 수 있도록 같이 노력의 12 + 12 + 12가 36이고 컨테이너가 24 인 경우 스팬 클래스가 합산되지 않는 것으로 나타났습니다.

데모 : http://jsfiddle.net/CbRgc/