javascript - Bootstrap 3 - 固定列实现

Question

是的，我已经阅读了很多问这个问题的问题，但我无法弄清楚如何通过 JavaScript 执行的自定义计算来完成它。当在容器内调整大小时，我希望左侧的一个固定列能够正确调整大小，并且不干扰沿它的列。这是示例代码，到目前为止我在纯 Bootstrap 和 CSS 中尝试做到这一点时所取得的成就:http://www.bootply.com/arSNSzWA1U

但是有个问题。在更大的屏幕上，它的大小不正确，因为 fixed 属性采用的是整个窗口的百分比测量值，而不是父窗口的百分比测量值。

所以，我的问题是，如何使用 JavaScript/JQuery 使其恢复正常？提前致谢!

Answer 1

如果您将 col-md-3 替换为 col-md-2，它会在大屏幕上很好地对齐。要让它在小屏幕上工作，您必须在右栏的顶部添加填充。我认为应该可以让 CSS 和 @media 查询来处理这个问题，而不需要 JS。