制作一个.row一个Bootstrap的词缀

Question

我已经掌握了Bootstrap的词缀，但我遇到了一些困难，因为我试图在position: fixed上使用.row。

更准确地说，我正在尝试做什么：

• 总和/总行在滚动列表的底部始终可见;
• 一旦你到达列表的底部，总和/总行向上滚动，让用户看到下面的内容（在我的情况下，只有站点其余部分的页脚通用）。

这是一个试图重现我的情况的快速案例：https://jsfiddle.net/cyChop/wf8smye9/

正如您所见，当您到达底部（.affix-bottom）时，附加行显示效果良好但在position: fixed .affix-top时没有采取正确的位置.affix）。

我觉得我很接近，只需要对课程和CSS进行一些修补，但我很难找到干净而通用的解决方案。

Answer 1

您必须应用.affix的宽度，例如100％或其他。

因为当你设置position:fixed时，你必须应用该div的宽度。

JSFiddle链接：https://jsfiddle.net/wf8smye9/3/