如何使用Bootstrap固定面板标题？

Question

我有这个Bootstrap结构:

<div class="panel panel-default" style="height:450px;overflow-y:auto">
  <div class="panel-heading">
    <h3 class="panel-title">{% trans "News" %}</h3>
  </div>
  <div class="panel-body" style="padding:0;border:0px;">
  </div>
</div>

当我滚动时,div panel-heading不会像我想要的那样保持固定.我该如何做到这一点？

Answer 1

只需将overflow-y parametr放在面板体中而不是整个面板div中:

<div class="panel panel-default">
  <div class="panel-heading">
    <h3 class="panel-title">{% trans "News" %}</h3>
  </div>
  <div class="panel-body" style="padding:0;border:0px;height:450px;overflow-y:auto">
  </div>
</div>