Bootstrap滚动监听的原理是通过JavaScript来实现的。
在Bootstrap中，可以使用scrollspy插件来实现滚动监听。该插件会自动检测页面上的滚动位置，并根据滚动位置来激活相应的导航链接或其他元素。
具体实现原理如下：
首先，需要定义一个包含导航链接的菜单或其他元素，并给每个导航链接添加一个data-target属性，该属性的值是目标元素的id或选择器。
在页面加载完成后，通过JavaScript初始化scrollspy插件。该插件会自动扫描页面上的导航链接，并根据滚动位置来激活相应的导航链接。
当页面滚动时，scrollspy插件会监听滚动事件，并计算当前滚动位置与每个目标元素的位置关系。如果当前滚动位置在某个目标元素的范围内，则激活相应的导航链接。
当激活的导航链接发生变化时，scrollspy插件会触发相应的事件，可以通过JavaScript来处理该事件，例如更新导航链接的样式或执行其他操作。
总结起来，Bootstrap滚动监听的原理是通过JavaScript监听页面滚动事件，并根据滚动位置来激活相应的导航链接，从而实现滚动监听的效果。
