Bootstrap Affix固定位置动态

Question

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

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

我正在使用bootstrap 3.3。

我认为我必须使用屏幕宽度的百分比，然后在CSS中进行媒体查询。

JS Fiddle

Answer 1

我已经解决了。

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