Tam boy Bootstrap Grid ile sütun arka plan rengi

Question

Şansın zayıf olduğunu biliyorum, ancak aşağıdaki gibi, sol, orta ve sağın arka plan renkleri iken, önyükleme ızgarası sistemi kullanırken aşağıdaki gibi düzenleri nasıl elde edersiniz? Sanırım sütun düzeni Bootstrap ızgarasının düşüncesine aykırı, değil mi?

Here's an online use case url

.

CSS desteklenmez .. ya işler Ben başka SO Q bir göz vardı ve A takımından ama JavaScript gibi şeyler kullanmak istemez

.. açıklıklı vb için standart Bootstrap ızgara CSS IE7 + .. tarafından

Answer 1

Tabii, sadece bu CSS kullanın:

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

http://dabblet.com/gist/5326320

Answer 2

@Omega gelen çözüm iyi görünüyor, burada' Başka bir seçenek: http://jsfiddle.net/panchroma/u5XGL/

Burada CSS'nin önemli bir kısmı, değişen içerik yüksekliğine sahip sütunların arka plan renkleri nasıl elde edilir.

Her bir sütuna büyük bir dolgu ve eşit büyüklükte negatif bir kenar boşluğu ekledim, sonra satırın tamamını taşma gizli olan bir sınıfa sardım.

CSS

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

.col-wrap{ 
overflow: hidden; 
} 

Sen iyi resoponds ve aynı zamanda iyi bir çapraz tarayıcı çözüm olduğunu göreceksiniz.

İyi şanslar!