2014-12-17 15 views
5

Düzeni tam sayfaya genişletmek için Sticky CSS Footers kullanıyorum. Bu yaklaşım, html gövdesini "display: table" olarak ayarlamamı gerektirir.Bootstrap "Ekran: tablo" gövde öğesi olan Tablolar

Her şey, Bootstrap'teki yanıt tabloları dışında iyi çalışır. Bunlar hala ekran penceresinden geçiyor. http://jsbin.com/wifomelabu/1/edit?html,css,js,output ortadan kaldırmak istiyorsanız

(sorunu görmek için tarayıcıyı minimize): sorunsuz çalışıyor vücuttan "display: tablo"

İşte bir örnek.

"display: table" gövde öğesiyle çalışmak için duyarlı tabloları almanın bir yolu var mı? Veya mizamı tam sayfaya genişletmek için yeni bir yol bulmalı mıyım?

+0

Hmm bakın. 'Body' 'display' tablosunu 'set' ASLA görmedim. Bu amaçla mı? –

+0

Yup! Sayfanın tarayıcı penceresinin tam yüksekliğine gidebilmesi için "satırlar" oluşturmanıza olanak tanır: http://pixelsvsbytes.com/examples/sticky-footers-the-flexible-way/simple.html – dochoffiday

+1

Hmm. Sadece "% 100" genişliğini kullanın ve ardından gövdeye bir "

" yazın. Bence bu senin problemin olabilir ... –

cevap

İlgili konular