Bootstrap 4-具有高度为100%且内部滚动的列的布局

如何在纯自举4中实现以下布局

  +-------------------------------------------------+
  |               Navbar fixed on top               |
  +------------+------------------------------------+
  |            |                                    |
  |            |                                    |
  |Column A    |Column B                            |
  |            |                                    |
  |            |                                    |
  |            |                                    |
  |            |                                    |
  |            |                                    |
  |            |                                    |
  +------------+------------------------------------+
  |                  Fixed footer                   |
  +-------------------------------------------------+

请注意,A列和B列应占用剩余空间,以使整个屏幕都不会在主体水平滚动显示。但是,如果它们的内容更多,它们应该在彼此独立的div中滚动,例如,如果我滚动到A列,则不应滚动B列,反之亦然。另外,我将如何隐藏滚动条。