我正在设计的页面有一个固定的标题，在下面的行中有两个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列那样行事。
答案 0 :(得分：1)
将.hidden-xs添加到.col-md-4并将.col-xs-12添加到.col-md-8
一旦在小型设备上，这将隐藏左侧col-4并让你的col-8保持在标题下方...希望你不需要保留col-4（？）
编辑：我认为你输了错误，col-8正好是col而不是左边的那个......
答案 1 :(得分：1)
您正在寻找的解决方案是两个演示组合：
第一个由bootstrap here ...
修复的顶部导航栏（将是您案例中的标题）左{col}固定位置的第二this so answer ...
希望这有帮助！
