[英]Bootstrap not working with ASP.net MVC Bundling
我正在使用bootstrap在ASP.net MVC中创建一个简单的登录页面
BundleConfig.cs
public class BundleConfig
{
public static void RegisterBundles(BundleCollection bundles)
{
bundles.IgnoreList.Clear();
bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
"~/Scripts/jquery-1.9.1.js"));
bundles.Add(new ScriptBundle("~/bundles/bootstrapjs").Include(
"~/Scripts/bootstrap.min.js"));
bundles.Add(new StyleBundle("~/Content/bootstrapcss").Include(
"~/Content/bootstrap.min.css",
"~/Content/bootstrap.css"));
}
_Layout.cshtml
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>@ViewBag.Title</title>
@Styles.Render("~/Content/bootstrapcss")
</head>
<body>
@RenderBody()
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrapjs")
</body>
</html>
查看:Index.cshtml
@model ME.Models.Admin.AdminModel
@{
ViewBag.Title = "Index";
Layout = "~/Views/shared/_Layout.cshtml";
}
<center>
<div class="panel panel-primary" style="display:inline-block">
Hello Admin! Please Login
<br />
<table>
<tr>
<td>@Html.LabelFor(m=>m.username)</td>
<td>@Html.TextBoxFor(m=>m.username, new { @class = "form-control" })<br /></td>
</tr>
<tr>
<td>@Html.LabelFor(m=>m.password)</td>
<td>@Html.TextBoxFor(m=>m.password, new { @class = "form-control" })<br /></td>
</tr>
<tr>
<td></td>
<td><input type="submit" class="btn btn-primary" value="Log In" /></td>
</tr>
</table>
</div>
</center>
在运行项目时,将显示控件,但不会将引导类应用于控件。
在浏览器控制台下,我遇到404错误:
/bundles/jquery
/bundles/bootstrapjs
/Content/bootstrapcss
我在视图文件夹下的共享目录中使用了bundling和_Layout.cshtml。
有人可以帮助解决这个问题吗?
注意 :我没有粘贴模型和控制器的代码,因为我认为这里不需要它。
谢谢。
protected virtual void Application_Start()
{
BundleConfig.RegisterBundles(BundleTable.Bundles);
}
这是缺失的。 搞定了。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.