javascript - Bootstrap 3 - 固定列实现

标签 javascript jquery css twitter-bootstrap

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

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

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

最佳答案

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

关于javascript - Bootstrap 3 - 固定列实现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35994396/

相关文章:

javascript - 将输入标签中的文本添加到 div,然后重复

html - 以通用方式嵌入来自 youtube 的视频

javascript - 如何解决这个错误 : package. json » eslint-config-react-app/jest#overrides[0]: Environment key "jest/globals"is unknown

javascript - 我如何在同一个函数中通过 id 获得 2 个类

javascript - 如果使用 php 标签,php jquery 示例将不起作用

javascript - 表格的实时过滤

javascript - 简单的kony.net.httpRequest 不起作用

javascript - JS 在从表列计算值并写入另一个列(从文本输入到文本区域)时遇到麻烦

jquery - Coinslida jQuery - CSS 问题

javascript - 如何在同一个 div 名称中使用 jquery 添加不同的样式?