bootstrap 滚动到顶部按钮

Bootstrap滚动到顶部按钮是一种常见的交互设计，用于帮助用户快速回到页面的顶部。它通常是一个小图标或者链接，当用户滚动到页面底部或者需要返回顶部时，点击这个按钮就可以将视图自动滚动回页面的顶部位置。

在Bootstrap中，实现这个功能通常使用JavaScript插件如"ScrollSpy"或"Affix"配合"Button"组件。你可以这样做：

1. 首先，在HTML中添加一个固定在屏幕顶部的小按钮，例如：

<button id="top-btn" class="btn btn-primary btn-sm" type="button" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Go to Top">
  <i class="fas fa-chevron-up"></i>
</button>

2. 然后，在CSS中可能需要对按钮样式进行定制，以适应你的布局。

3. 使用JavaScript（这里可以是jQuery或者Bootstrap提供的JS插件），给按钮绑定事件，当用户滚动到底部时触发滚动到顶部的行为：

$(document).scroll(function() {
  if ($(window).scrollTop() + $(window).height() == $(document).height()) {
    $('#top-btn').click();
  }
});

在这个例子中，当文档滚动到底部时，会模拟点击`#top-btn`元素。