Bootstrap3：當切換到移動時，將右列水平對接到屏幕底部

Question

我的客戶希望在中型和大型屏幕上有2列，但是當屏幕很小時，左列應占用全寬，而包含選項卡的右欄應變成水平行/欄，其中包含這些選項卡並停靠在（移動）屏幕的底部。

原因是空間有限。左列更重要，因此請顯示該列，但仍然可以方便地訪問另一列中的選項卡。

停靠在底部的一行標籤應該類似於Android/iOS應用的底部導航！

有沒有辦法將一行停靠在屏幕底部（可見區域），除了使其絕對定位？

Answer 1

position: absolute; 

不會給你想要的結果。你應該使用

position: fixed; 

你可以看到here關於這個問題的更多細節。