Html 使div内的卡在引导中可滚动

当我具有以下html结构时，如何在Bootstrap 4中实现可滚动卡：

....
...
隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
使用此页面详细说明您网站的隐私政策
.wrapper #content .card{
overflow-y: scroll;}

style="max-height: 100px; overflow-y:auto"

.wrapper {
  display: flex;
}
.sidebar {
  height: 100vh;
  overflow-y: auto;
}
#content {
  flex-grow: 1;
}
#content .card {
  overflow-y: auto;
  height: calc(100vh - 40px); /* Total height - heinght of the navbar*/
}