无法让 Metro 3.0.13 在 ASP.NET 5 MVC 视图中显示

Question

我通过 Bower 下载了 Metro CSS，将其包含在 Bower.json 文件中：

"metro-ui-css": "3.0.13"

这似乎是在 /wwwroot/lib/metro-ui-css/build/css 以及 /fonts 和 /less 文件夹下安装 Metro 东西。我在我的 _Layout.cshtml 文件中包含了以下参考资料：

<environment names="Development">
<link rel="stylesheet" href="~/lib/metro-ui-css/build/css/metro.css">

在 <head> 部分下::

<environment names="Development">
<script src="~/lib/metro-ui-css/build/js/metro.js"></script>

但是无论哪个 Metro class 我尝试在 View .cshtml 文件中包含类都不会出现。知道我做错了什么以及如何让它们显示吗？

非常感谢

Answer 1

创建新捆绑包

在您的解决方案的 'App_Start' 文件夹中，找到 'BundleConfig.cs' 文件并将其打开。这里可以添加一个新的bundle，例如：

bundles.Add(new ScriptBundle("~/bundles/metroJs").Include(
                "~/Scripts/metroJs.js"));

bundles.Add(new StyleBundle("~/Content/metroJs").Include(                        
                    "~/Content/metroJs.css"));

.js 和 .css 文件的路径可能不同，但这也可能是正确的。

完成后，返回到您的“_Layout.cshtml”文件，在底部您很可能已经有了一些“@Scripts.Render()”。只需添加一个带有您刚刚创建的新包的名称，如下所示：

@Scripts.Render("~/bundles/metroJs")
@Styles.Render("~/Content/metroJs")

无法让 Metro 3.0.13 在 ASP.NET 5 MVC 视图中显示

Cannot get Metro 3.0.13 to display in ASP.NET 5 MVC View

asp.net-mvc-5

metro-ui-css