bootstrap实现回到顶部

可以使用以下代码实现回到顶部的功能：

HTML代码：

<a href="#" class="back-to-top">回到顶部</a>

CSS代码：

.back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}

.back-to-top.show {
  display: inline-block;
}

.back-to-top:hover {
  color: #fff;
  background-color: #007bff;
}

JavaScript代码：

$(document).ready(function() {
  // 滚动条滚动时触发
  $(window).scroll(function() {
    if ($(this).scrollTop() > 100) {
      $('.back-to-top').addClass('show');
    } else {
      $('.back-to-top').removeClass('show');
    }
  });

  // 点击回到顶部按钮时触发
  $('.back-to-top').click(function(e) {
    e.preventDefault();
    $('html, body').animate({scrollTop: 0}, 1000);
  });
});

通过监听滚动条的滚动事件，当滚动条位置超过 100px 时显示回到顶部按钮，并且使用动画效果滚动回到页面顶部。