使列在固定位置固定
使用Bootstrap，我有一个网格列class =“col-lg-3”，我想把它放在位置：固定，而其他.col-lg-9是正常的位置（可通过页面滚动）。
<div class="row"> <div class="col-lg-3"> Fixed content </div> <div class="col-lg-9"> Normal scrollable content </div> </div> 就像在LifeHacker.com左栏一样你会看到，左侧的部分是固定的，但我滚动页面。
我使用bootstrap v3.1.1
<div class="row"> <div class="col-lg-3"> <div class="affix"> fixed position </div> </div> <div class="col-lg-9"> Normal data enter code here </div> </div>
例如： bootply.com/101100
遍历Ihab的答案，只是使用position:fixed和bootstraps col-offset你不需要在宽度上具体。
<div class="row"> <div class="col-lg-3" style="position:fixed"> Fixed content </div> <div class="col-lg-9 col-lg-offset-3"> Normal scrollable content </div> </div>
继这里的解决schemehttp://jsfiddle.net/dRbe4/ ，
<div class="row"> <div class="col-lg-3 fixed"> Fixed content </div> <div class="col-lg-9 scrollit"> Normal scrollable content </div> </div>
我修改了一些CSS工作只是完美的：
.fixed { position: fixed; width: 25%; } .scrollit { float: left; width: 71% }
感谢@Lowkase分享解决scheme。
使用这个，为我工作，并解决小屏幕的问题。
<div class="row"> <!-- (fixed content) JUST VISIBLE IN LG SCREEN --> <div class="col-lg-3 device-lg visible-lg"> <div class="affix"> fixed position </div> </div> <div class="col-lg-9"> <!-- (fixed content) JUST VISIBLE IN NO LG SCREEN --> <div class="device-sm visible-sm device-xs visible-xs device-md visible-md "> <div> NO fixed position </div> </div> Normal data enter code here </div> </div>
