Bootstrap 贴上固定位置动态

Question

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

我让它在正确的时间启动并使其正确定位 top 但 width 和 right 不工作。

我正在使用 bootstrap 3.3.

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

JS Fiddle

Answer 1

我已经解决了

带有词缀的元素必须是带有 col- class 的元素的子元素。然后，您还必须为 bootstrap 识别的每个不同屏幕宽度设置以像素为单位的宽度。