Javascript Bootstrap 3-固定列实现

所以，是的，我读过很多关于这个的问题，但我不知道如何通过JavaScript执行的自定义计算来实现。我希望左侧的一个固定列在容器内调整大小时大小正确，并且不会干扰其上的列。 下面是示例代码，到目前为止，我在纯引导和CSS中实现了这一点：

但存在一个问题。在更大的屏幕上，它的大小不正确，这是因为固定属性的作用是测量整个窗口的百分比，而不是父窗口的百分比

---

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

如果将

col-md-3

替换为

col-md-2

，它在大屏幕上会很好地对齐。要使它在小屏幕上工作，您必须在右栏顶部添加填充。我认为应该可以让CSS和

@media

查询处理这个问题，而不需要JS。

我认为javascript可能是唯一的选择-测量外部容器，给左边的列一个类或ID，并将其设置为宽度的25%，然后在调整大小时再次启动函数是的，我终于找到了答案。谢谢你努力帮助我！：）老实说，调整它是一件痛苦的事情，现在我发现引导文档中包含了这个问题：完全忘记了

粘贴

，很好的发现，希望它能为您解决这个问题