Bootstrap滾動監聽的原理是通過JavaScript來實現的。
在Bootstrap中，可以使用scrollspy插件來實現滾動監聽。該插件會自動檢測頁面上的滾動位置，并根據滾動位置來激活相應的導航鏈接或其他元素。
具體實現原理如下：
首先，需要定義一個包含導航鏈接的菜單或其他元素，并給每個導航鏈接添加一個data-target屬性，該屬性的值是目標元素的id或選擇器。
在頁面加載完成后，通過JavaScript初始化scrollspy插件。該插件會自動掃描頁面上的導航鏈接，并根據滾動位置來激活相應的導航鏈接。
當頁面滾動時，scrollspy插件會監聽滾動事件，并計算當前滾動位置與每個目標元素的位置關系。如果當前滾動位置在某個目標元素的范圍內，則激活相應的導航鏈接。
當激活的導航鏈接發生變化時，scrollspy插件會觸發相應的事件，可以通過JavaScript來處理該事件，例如更新導航鏈接的樣式或執行其他操作。
總結起來，Bootstrap滾動監聽的原理是通過JavaScript監聽頁面滾動事件，并根據滾動位置來激活相應的導航鏈接，從而實現滾動監聽的效果。
