Bootstrap3：切换到移动设备时，将右列水平对接到屏幕底部

Question

我的客户希望在大屏幕和大屏幕上有2列，但是当屏幕很小时，左列应该占据全宽，而包含制表符的右列应该变成水平行/条，包含这些选项卡，并停靠在（移动）屏幕的底部。

原因是空间有限。左列更重要，因此显示一列但仍然提供了从另一列访问制表符的便捷方法。

停靠的底行选项卡应类似于Android / iOS应用中的底部导航！

除了让它绝对定位之外，有没有办法将一行停靠在屏幕底部（可见区域）？

Answer 1

position: absolute;

没有给你想要的结果。你应该使用

position: fixed;

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