我已经使用了bizstrap提供的模板,只是将他们的索引页面列为我的视图/主页/索引页面。然后我将CSS文件/ JS文件放入各自的包中,并将这些包放在_Layout.cshtml页面上。页面将显示;但是,滚动的箭头,图像底部的圆圈和图像转换本身无法正常工作。我知道这与MVC和我有关,因为我把这个完全相同的东西放到我的Dreamweaver中,它显示得很完美。
我不确定发布会有什么帮助。
这是我的BundleConfig:
using System.Web;
using System.Web.Optimization;
namespace Victory
{
public class BundleConfig
{
// For more information on bundling, visit http://go.microsoft.com/fwlink/?LinkId=301862
public static void RegisterBundles(BundleCollection bundles)
{
bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
"~/Scripts/jquery-2.1.3.min.js",
"~/Scripts/jquery-ui.min.js",
"~/Scripts/modernizr-{version}.js"));
bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
"~/Scripts/bootstrap.min.js",
"~/Scripts/respond.js"));
bundles.Add(new StyleBundle("~/Content/biz_rs_css").Include(
"~/Content/biz_css/rs-plugin/css/settings.css",
"~/Content/biz_css/rs-responsive.css"));
bundles.Add(new StyleBundle("~/Content/css").Include(
"~/Content/bootstrap.css",
"~/Content/biz_css/custom.css"));
bundles.Add(new StyleBundle("~/Content/bizfile_css1").Include(
"~/Content/biz_css/styler.css",
"~/Content/biz_css/isotope.css",
"~/Content/biz_css/color_scheme.css"
));
bundles.Add(new StyleBundle("~/Content/bizfile_css2").Include(
"~/Content/biz_css/font-awesome.css",
"~/Content/biz_css/font-awesome-ie7.css",
"~/Content/biz_css/flexslider.css",
"~/Content/biz_css/jquery.fancybox-1.3.4.css"));
bundles.Add(new ScriptBundle("~/bundles/bizsitejs").Include(
"~/Scripts/biz_js/style-switcher.js",
"~/Scripts/biz_js/style-switcher/jquery.cookie.js",
"~/Scripts/biz_js/style-switcher/iris.min.js",
"~/Scripts/biz_js/revolution.custom.js",
"~/Scripts/biz_js/jquery.fancybox.pack.2.1.0.js",
"~/Scripts/biz_js/jquery.isotope.js",
"~/Scripts/biz_js/jquery.flexslider-min.js",
"~/Scripts/biz_js/jquery.countdown.js",
"~/Scripts/biz_js/custom.js",
"~/Scripts/biz_js/countdown_script.js"));
bundles.Add(new ScriptBundle("~/bundles/bizsiters").Include(
"~/Scripts/rs-plugin/js/jquery.themepunch.plugins.min.js",
"~/Scripts/rs-plugin/js/jquery.themepunch.revolution.min.js"));
bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
"~/Scripts/jquery.validate*"));
BundleTable.EnableOptimizations = true;
}
}
}
我的_Layout页面:
<!DOCTYPE html>
<html lang="en">
<head>
<!-- SEO STUFF START HERE -->
<title>bizstrap Premium Corporate HTML Template Home</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="robots" content="follow, index" />
<!-- SEO STUFF END -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@Scripts.Render("~/bundles/jquery")
<script src="~/Scripts/biz_js/style-switcher.js"></script>
<!-- revolution slider plugin : begin -->
@Styles.Render("~/Content/biz_rs_css")
<!-- revolution slider plugin : end -->
@Styles.Render("~/Content/bizfile_css1") <linkhref="http://fonts.googleapis.com/cssfamily=Open+Sans:400,400italic,600,600italic,700,700italic" rel="stylesheet" type="text/css" />
@Styles.Render("~/Content/bizfile_css2")
@Styles.Render("~/Content/css")
<link href="~/Scripts/biz_js/style-switcher/styler.css" rel="stylesheet" />
<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="~/css/IE-fix.css" />
<![endif]-->
</head>
<body>
@RenderBody()
@Scripts.Render("~/bundles/bootstrap",
"~/bundles/bizsitejs", "~/bundles/bizsiters");
@RenderSection("scripts", required: false)
</body>
</html>
我觉得这与加载文件的时间有关。再次在Dreamweaver中,此主题显示甚至没有问题。我花了很多时间为这个程序(数据库,电子邮件等)构建MVC所有功能都可以工作,但是我无法正确显示它。
非常感谢任何帮助。