我正在设计的页面有一个固定的标题，在它下面的行中有两个 Bootstrap 列，.col-md-2 和 .col-md-10.
我试图将页眉固定到页面顶部，并将其下方行中的左列 (.col-md-2) 固定到它的位置，但是当我尝试设置position: fixed; 在标题和左栏的 CSS 中，我的页面的整个位置都乱七八糟。
有没有什么方法可以安全地锁定 Bootstrap 中列的位置，而不会丢失整个页面并保持 Bootstrap 的经典响应能力？
编辑:这是一个 really, really bad demo但它可能会让你更好地了解我正在尝试做什么。这是一个diagram
带有 HEADER 的部分我想固定在顶部，带有 ABOUT ME 的部分我想在固定在左侧的响应列中，并且带有 POST 的部分我想在允许滚动的右侧的响应式而非固定列中。
我现在的解决方案存在的一个问题是，当我尝试减小浏览器宽度时，右侧列中的所有文本都被弄脏了，根本不像 Boostrapped 列那样。
最佳答案
您正在寻找的解决方案是 2 个演示的组合:
第一个顶部导航栏(在您的情况下将是标题)由 bootstrap here 修复...
第二 this so answer对于左列固定定位...
希望对您有所帮助!
关于html - 使用 Bootstrap 固定一列的位置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28651507/