我設法解決了這個問題,在升級到bootstrap 4.0之前,先下載最新的(編寫時爲1.12.3)popper.js nuget包。
然後在bundles.config我加入了波普爾爵士這樣
bundles.Add(new ScriptBundle("~/bundles/popper").Include(
"~/Scripts/umd/popper.js"));
的UMD版僅僅是爲我工作的一個別人給的
Unrecognised Token Export
的控制檯錯誤就確保在引導之前包含popper js文件。
@Scripts.Render("~/bundles/popper")
@Scripts.Render("~/bundles/bootstrap")
我也注意到,因爲它是基於引導的早期版本,這則打破了大多數汽車生產模板。導航欄幾乎完全消失。我設法通過將其替換爲以下內容來修復我的問題,但這不包括移動菜單中的任何項目。
<div class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="#">My Blog</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse">
<ul class="navbar-nav">
<li class="nav-item">@Html.ActionLink("Home", "Index", "Home", new { @class = "nav-link" })</li>
<li class="nav-item">@Html.ActionLink("About", "About", "Home", new { @class = "nav-link" })</li>
<li class="nav-item">@Html.ActionLink("Contact", "Contact", "Home", new { @class = "nav-link" })</li>
</ul>
</div>
</div>
我知道這個問題有幾個很好的答案,但是這是爲我工作,所以我想我會希望它不遺餘力有人在未來一點時間分享了完整的解決方案。
最後問題用popper.js.1.12.1解決了。因此,要解決的步驟是首先從nuget安裝popper.js,然後更新引導 – Debananda