부트 스트랩 그리드가있는 전체 높이 열 배경색

Question

나는 슬림 한 기회를 알고 있지만, 왼쪽, 가운데와 오른쪽이 다른 배경색을 갖는 다음과 같은 레이아웃을 달성하는 방법은 무엇입니까 부트 스트랩 그리드 시스템을 사용하는 동안? 열 레이아웃이 부트 스트랩 그리드를 생각하는 것에 맞지 않는 것 같군, 맞습니까?

Here's an online use case url

.

CSS는 지원되지는 .. 나 물건 내가 다른 SO Q에보고했고, A의하지만 난 자바 스크립트 같은 것들을 사용하고자하지 않을

.. 스팬 등의 표준 부트 스트랩 그리드 CSS입니다 IE7 + ...에 의해

Answer 1

물론, 그냥 CSS 사용

html, body, .container-fluid, .row-fluid, .blue, .lightgrey {height:100%;} 

http://dabblet.com/gist/5326320

Answer 2

이

@Omega에서이 솔루션은 좋아 보인다를, 여기 ' 다른 옵션 : http://jsfiddle.net/panchroma/u5XGL/

여기 CSS의 중요한 비트는 다양한 콘텐츠 높이를 가진 열의 배경색을 얻는 방법입니다.

각 패밀리에 큰 패딩과 똑같이 큰 음수 여백을 추가 한 다음 오버플로가 숨겨진 클래스에서 전체 행을 래핑했습니다.

CSS

.col{ 
margin-bottom: -99999px; 
padding-bottom: 99999px; 
background-color:#ffc; 
} 

.col-wrap{ 
overflow: hidden; 
} 

당신은 그것을 잘 resoponds도 좋은 크로스 브라우저 솔루션을 찾을 수 있습니다.

행운을 빈다.