我正在设计的页面具有固定的标题，并且在下面的行中有两个Bootstrap列，分别为.col-md-2和.col-md-10。
我试图将页眉固定到页面顶部，并将其下方行中的左列（.col-md-2）固定到其位置，但是，当我尝试在CSS中为页眉和左列设置position: fixed;时，页面的整个位置都弄乱了。
有什么方法可以安全地锁定Bootstrap中一列的位置而又不会丢掉整个页面并保持Bootstrap的经典响应能力吗？
编辑：这是一个really, really bad demo，但它可能使您对我正在尝试做的事情有更好的了解。这是一个diagram
我想将HEADER的部分固定在顶部，我想将ABOUT ME的部分固定在左侧的响应式列中，将我想将POST的部分固定在响应式中，而不是右侧允许滚动的固定列。
我现在遇到的解决方案的问题之一是，当我尝试减小浏览器宽度时，右侧列中的所有文本均被压缩，并且根本不像Boostrapped列那样工作。
最佳答案
您正在寻找的解决方案是2个演示的组合：
第一个顶部导航栏（在您的情况下为标题），由bootstrap here固定...
左栏固定位置的第二个this so answer
希望这可以帮助 ！