jquery - Bootstrap3 : When switched to mobile, 右栏水平停靠到屏幕底部

Question

我的客户希望在中型和大屏幕上有 2 列，但是当屏幕较小时，左列应该占据整个宽度，而包含选项卡的右列应该变成水平行/栏，即包含这些选项卡并停靠在(移动)屏幕的底部。

之所以这样，是因为篇幅有限。左侧栏更重要，因此显示该栏，但仍提供从另一栏访问选项卡的便捷方式。

停靠在底部的选项卡行应该类似于 Android/iOS 应用程序上的底部导航!

除了绝对定位之外，有没有办法将行停靠到屏幕底部(可见区域)？

Answer 1

position: absolute;

不会给你想要的结果。你应该使用

position: fixed;

可以看到here有关此主题的更多详细信息。