css - Bootstrap Affix 固定位置动态

Question

我正在使用 Bootstrap 在页面的一侧添加一个菜单。当用户滚动过去时，我希望菜单留在页面顶部。我发现了 bootstrap.js 中的词缀。但是，因为我在屏幕上使用了不同的 col 尺寸，所以我很难让它保持在正确的位置。

我已经让它在正确的时间开始并使其top正确定位，但width和right不起作用。

我正在使用引导程序 3.3。

我认为我将不得不使用屏幕宽度的百分比，然后还要在 CSS 中进行媒体查询。

JS小提琴

Answer 1

我已经解决了。

带有词缀的元素必须是带有col-类的元素的子元素。然后，您还必须为引导程序识别的每个不同屏幕宽度设置像素宽度。