popover 添加纵向滚动条

要在 Bootstrap 的 popover 中添加纵向滚动条，你可以使用自定义的 CSS 样式来实现。以下是一种方法：

首先，在 HTML 中创建一个带有 `popover-content` 类的 `<div>` 元素，用于包裹 popover 内容。例如：

<button type="button" class="btn btn-secondary" data-toggle="popover" data-content="<div class='popover-content'>这是一个很长的内容，需要添加滚动条来显示。</div>">
  弹出框
</button>

然后，在 CSS 中添加样式来设置该 `<div>` 元素的高度和滚动条样式。例如：

.popover-content {
  max-height: 200px; /* 设置最大高度 */
  overflow-y: auto; /* 添加纵向滚动条 */
}

这段 CSS 代码设置了 `popover-content` 类的元素的最大高度为 200 像素，并且在内容超出最大高度时会显示纵向滚动条。

最后，使用 JavaScript 初始化 popover：

<script>
$(document).ready(function() {
  $('[data-toggle="popover"]').popover({
    html: true,
    placement: 'top'
  });
});
</script>

这段 JavaScript 代码初始化了 popover，并设置了 `html` 为 `true`，以解析传入的内容为 HTML。`placement` 属性用于指定 popover 的位置。

通过这种方式，你可以在 popover 中添加纵向滚动条，并根据需要调整最大高度和其他样式。