2014-04-14 64 views
1

我希望側欄位於頁腳頂部,使用引導程序。側欄全高,位於頁腳頂部

現在我的側邊欄僅僅是內容的高度,這是它現在的樣子: enter image description here

如果內容較長,側邊欄也應該擴大,stiked底部。

這應該怎麼看: enter image description here

你可以看看這裏是我到目前爲止有:BOOTPLY

+0

這個帖子可能對你有所幫助http://stackoverflow.com/questions/20773342/bootstrap-3-100-height-of-custom-div-inside-column – alxscms

回答

1

這始終是一個艱難的,但檢查了這一點。 http://www.bootply.com/129939

周圍的一些HTML移動,添加一個新的類,以及修改現有的類(修改是在頂部)。

不知道這是否對你有用與否,因爲它會佔據整個視口的高度和我不知道這是你在找什麼。由於更改,它可能還需要重構。

編輯:第一個版本不能縮放以適應內容 - 對不起。

編輯:新版本(適合靜態內容;不幸的確使用Javascript) - http://www.bootply.com/130009

+0

好吧,用css只能運行虛擬列,但我不能讓它超過頁腳。 javascript是一種很好的方式,但由於內容區域和頁腳上的單獨佈局,它不適用於我。 –

+0

有沒有其他的想法? –

+0

嗯 - 不確定你的意思 - 你是什麼意思的單獨佈局?你能更深入地描述你遇到的問題是什麼嗎? – EF0