ASP.NET MVC Bootstrap无法正常工作。

Question

我的ASP.NET MVC中的Bootstrap已经更新到最新版（v4.1.3）。当我使用下拉组件时，它无法正常工作！

然后我使用：@Style.Render(~/Content/css)，并注释掉它。

就像这样：

我该怎么解决这个问题？（我仔细检查了内容文件夹中的Bootstrap版本，它没有问题。与我从getbootstrap.com下载的最新版本相同。）

- Brad Wu

---

请发布您的代码。 - Jayendran

在您的浏览器中按F12并检查错误。 - Nick.McDermaid

Answer 1

今天当我打开我的项目时，它的 CSS 样式出了问题。导航栏没有显示样式。然后我发现 Bootstrap 4.1.3（最新版本）不支持 ASP.NET MVC 的自动创建布局（我记得现在使用的是 3.3.7）。我认为我应该编辑类样式。但最后，感谢您的答案。

- Brad Wu

Answer 2

看起来您的引导程序（bootstrap）或jQuery引用未被读取。请检查您的原始HTML输出（右键单击网页，选择“查看页面源代码”）。请注意，Bootstrap需要jQuery。

这是一个在HTML页面上加载jQuery和Bootstrap的示例顺序。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script> 
<script src="/bootstrap/js/bootstrap.min.js"></script> 

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" />
<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">

- Fuzzybear