在ASP.NET WebForm中使用Bootstrap 5的Dropdown不起作用

最近接到一個工單說想要做線上預約的網站，對於這種簡易網站首選當然是webform簡潔快速開發為主要目的，於是迅速開啟VS並使用範本建立一個webform。

想當然的事情並沒有那麼簡單，否則今天就不會有這一篇文章了，創好專案首先建立的就是導航功能選單，結果建立dropdown類型的選單時竟然沒有起作用，但是導航欄置頂浮動卻有正常運行，可見的是相關js檔案確實有正常導入。

在嘗試各種網路上的解決方法總是沒辦法正常運行，怎麼案都沒有反應。

最後問的ChatGPT他說了以下這段文字。

請注意，Bootstrap 5 不再使用 bootstrap.js 文件，而是使用 bootstrap.bundle.js 文件，因為它已經包含了必需的 Popper.js。

看到這段文字心中冒起一絲疑惑，該不會範本引用的是bootstrap.js吧！一看code果不其然，引用的真的是bootstrap.js。

在不知道範本為何引用bootstrap.js而不引用bootstrap.bundle.js的情況下，只好再幫他多引用bootstrap.bundle.js，於是在下方加入以下的相關code。

<%: Scripts.Render("~/Scripts/bootstrap.bundle.js") %>

加入後重新運行網站，登登登~dropdown選單可以正常運行了，不懂為何範本引用的js竟然是不起作用的js，總之能夠解決掉問題就好。