在引导程序中将列固定位置

一尘不染

在引导程序中将列固定位置

css

使用Bootstrap，我有一个网格列class =“ col-lg-3”，我希望将其放置在position：fixed上，而其他.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

阅读 232

2020-05-16

共1个答案

一尘不染

按照此处的解决方案，

<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分享解决方案。

2020-05-16