防止bootstrap navbar-fixed-bottom重叠

Question

在某些情况下，引导程序navbar-fixed-bottom将与其他内容重叠而不显示滚动条。

例如https://jsfiddle.net/m5vgd9g7/1/：

<div>
  <a class="btn btn-primary" href="#">
    Button
  </a>
</div>

<div class="navbar navbar-default navbar-fixed-bottom"
         style="padding-bottom:0px; min-height:0px">
  bottom
</div>

如果使显示窗格垂直非常短，则文本“bottom”与按钮重叠：

如何防止重叠，因此垂直滚动条会在重叠之前出现？