Bootstrap是当下较为流行的自适应网站框架，预留有多个元素的精美样式和交互JS，通过使用Boostrap可以快速的搭建并创建一个具有自适应特点的网站，使其可以在多端显示不同的样式。使用Bootstrap搭建的网站，当页面过长时需要添加“返回顶部”按钮，从而实现一键返回网站顶部初始位置，对于提升用户体验度和网站质量评分尤为重要。
通常情况下，添加“返回顶部”按钮非常简单，最简单的做法是在<body>标签中添加id="top"属性，之后在返回顶部按钮中创建一个<a href="#top">便可以轻松实现网站的“返回顶部”功能。然而这样做并不能让网站显得高端大气上档次，因此我们需要在点击“返回顶部”按钮的同时，使其出现“平滑滚动的效果”这样不管实在观感还是在网站外观方面都可以表现出理想的效果。
由于使用了Bootstrap框架，因此我们可以直接使用预留的按钮样式，并添加简单的Javascript代码，以达到“快速添加返回顶部按钮，并附加平滑滚动的效果”，具体代码如下：
<!-- 在Bootstrap网站中添加一个返回顶部的按钮 -->
<button id="backToTopBtn" class="btn btn-primary">返回顶部</button>
<script>
// 为按钮添加点击事件的监听器
document.getElementById('backToTopBtn').addEventListener('click', function() {
// 使用scrollTo()方法将页面滚动到顶部
window.scrollTo({
top: 0,
behavior: 'smooth' // 添加平滑滚动效果
});
});
</script>