Как сделать заголовок панели с помощью Bootstrap?

У меня есть эта структура 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 не останется фиксированным, как я этого хочу. Как это сделать?

Ответ 1

Просто поместите параметр переполнения-y в панель-тело вместо целой панели 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>