2014-11-22 108 views
0

我有一個Bootstrap .row,上面有一些導航控件。將一行粘貼到屏幕底部

我希望它直接位於上面的內容下方,除非它將它從屏幕上推下。

在這種情況下,我會等待它粘貼在屏幕的底部。其他內容可能在後面,但是您可以在不移動控件的情況下向下滾動頁面。

這是可以用Bootstrap的affix插件嗎?另一種方法會更適合嗎?

回答

0

你可能想嘗試添加類的「導航欄固定底」的導航像這樣:

你便要填充添加到您的身體或容器,這取決於你的設置,如: body> .container { padding-top:60px; }

下面是一個例子:

http://getbootstrap.com/examples/sticky-footer-navbar/

而且你不應該把.row你在相同的元素 「導航控件的」

+0

感謝。如果頁面有空的話,有沒有辦法將頁腳向上浮動? – tnunamak 2014-11-22 20:19:52

+0

您可以隨時更改頁腳和主體填充的CSS,具體取決於您擁有多少「空白空間」。但棘手的部分是計算空白空間的高度。如果你給我一個鏈接,也許我可以想出一個解決方案。 – user3741085 2014-11-22 20:40:29