html - 为什么我的标题没有固定在列中。

Question

为什么我的header 没有fixed 到column。

<div class="container-fluid full-ht">
    <div class="row full-ht">
        <div class="col-sm-4 full-ht">
          <div class="patient-column full-ht">
            <div class="fixed-header">
              Fixed Header
            </div>
            Some content follows
          </div>
        </div>
    </div>
</div>

当vertical-scrolling 发生时，我希望我的header 固定在column 内。 http://www.bootply.com/tducyvW5u1

Answer 1

你应该使用

位置:固定。

固定页眉，实现滚动时固定页眉

CSS

.fixed-header {
position: fixed; // changed position:absolute to fixed
width: 100%;
top: 0;
padding: 15px;
}