引导 3 - 固定列实现

Bootstrap 3 - Fixed column implementation

本文关键字：实现引导更新时间：2023-09-26

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

但有一个问题。在较大的屏幕上，它的大小不正确，因为固定属性正在对其采用整个窗口的百分比度量，而不是父窗口的百分比度量。

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

如果将

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