C# 在mvc中设置引导模板#

C# 在mvc中设置引导模板#,c#,twitter-bootstrap,templates,model-view-controller,C#,Twitter Bootstrap,Templates,Model View Controller,我创建了一个mvc项目,并希望使用引导作为模板。这里的问题是,当im发布项目时(从boostrap模板),my.js(javascript)、字体和css的某些部分不起作用。下面是我的文件夹结构以及资产文件夹中的所有javascript和css 这是我的应用程序启动(BundleConfig.cs) 有人能告诉我这个问题出了什么问题,以及如何正确设置ScriptBundle和StyleBundle 因此,我在发布项目时遇到了类似的问题。您应该遵循的一条经验法则是,要捆绑的资源应该根据您拥有的文

我创建了一个mvc项目,并希望使用引导作为模板。这里的问题是,当im发布项目时(从boostrap模板),my.js(javascript)、字体和css的某些部分不起作用。下面是我的文件夹结构以及资产文件夹中的所有javascript和css

这是我的应用程序启动(BundleConfig.cs)


有人能告诉我这个问题出了什么问题,以及如何正确设置ScriptBundle和StyleBundle

因此,我在发布项目时遇到了类似的问题。您应该遵循的一条经验法则是,要捆绑的资源应该根据您拥有的文件夹进行捆绑

例如,我有一个common.css,它指的是
/Styles/common/Images文件夹中的一个徽标
我把它捆绑在一起
/style/

它无法引用图像,并且我的发布副本失败

而不是像你一样拥有超级捆绑包

我会在操作上将它们分开,并制作更小的捆绑包,即

来自
/assets/global/plugins
的所有JS项目都在一个捆绑包中。 来自
/assets/global/plugins
的所有CSS项都在一个包中。 等等

别忘了按正确的顺序在_layout.cshtml中调用它们

public static void RegisterBundles(BundleCollection bundles)
    {
        bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/Scripts/jquery-{version}.js"));

        bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
                    "~/Scripts/jquery-ui-{version}.js"));

        bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                    "~/Scripts/jquery.validate*"));

        // Use the development version of Modernizr to develop with and learn from. Then, when you're
        // ready for production, use the build tool at http://modernizr.com to pick only the tests you need.
        bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                    "~/Scripts/modernizr-*"));

        bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                    "~/Scripts/bootstrap.js",
                    "~/Scripts/respond.js",
                    "~/Scripts/SoftwareWizards.js",
                    "~/assets/global/plugins/jquery-migrate-1.2.1.min.js",
                    "~/assets/global/plugins/jquery-ui/jquery-ui-1.10.3.custom.min.js",
                    "~/assets/global/plugins/bootstrap/js/bootstrap.min.js",
                    "~/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js",
                    "~/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js",
                    "~/assets/global/plugins/jquery.blockui.min.js",
                    "~/assets/global/plugins/jquery.cokie.min.js",
                    "~/assets/global/plugins/uniform/jquery.uniform.min.js",
                    "~/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js",
                    "~/assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js",
                    "~/assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.russia.js",
                    "~/assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js",
                    "~/assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.europe.js",
                    "~/assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.germany.js",
                    "~/assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js",
                    "~/assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js",
                    "~/assets/global/plugins/flot/jquery.flot.min.js",
                    "~/assets/global/plugins/flot/jquery.flot.resize.min.js",
                    "~/assets/global/plugins/flot/jquery.flot.categories.min.js",
                    "~/assets/global/plugins/jquery.pulsate.min.js",
                    "~/assets/global/plugins/bootstrap-daterangepicker/moment.min.js",
                    "~/assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js",
                    "~/assets/global/plugins/bootstrap-daterangepicker/daterangepicker.js",
                    "~/assets/global/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js",
                    "~/assets/global/plugins/fullcalendar/fullcalendar/fullcalendar.min.js",
                    "~/assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js",
                    "~/assets/global/plugins/jquery.sparkline.min.js",
                    "~/assets/global/plugins/gritter/js/jquery.gritter.js",
                    "~/assets/global/scripts/metronic.js",
                    "~/assets/admin/layout/scripts/layout.js",
                    "~/assets/admin/layout/scripts/quick-sidebar.js",
                    "~/assets/admin/pages/scripts/index.js",
                    "~/assets/admin/pages/scripts/tasks.js",
                     "~/assets/admin/pages/scripts/jquery.pulsate.min.js.js",
                     "~/assets/global/plugins/bootstrap-touchspin/bootstrap.touchspin.js",
                     "~/assets/admin/pages/scripts/components-pickers.js",
                     "~/assets/global/plugins/bootstrap-wizard/jquery.bootstrap.wizard.min.js",
                    "~/assets/global/plugins/select2/select2.min.js",
                    "~/assets/global/plugins/datatables/media/js/jquery.dataTables.min.js",
                    "~/assets/global/plugins/datatables/extensions/TableTools/js/dataTables.tableTools.min.js",
                    "~/assets/global/plugins/datatables/extensions/ColReorder/js/dataTables.colReorder.min.js",
                    "~/assets/global/plugins/datatables/extensions/Scroller/js/dataTables.scroller.min.js",
                    "~/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.js"));

        bundles.Add(new StyleBundle("~/Content/css").Include(
                    "~/assets/global/plugins/font-awesome/css/font-awesome.min.css",
                    "~/assets/global/plugins/simple-line-icons/simple-line-icons.min.css",
                    "~/assets/global/plugins/bootstrap/css/bootstrap.min.css",
                    "~/assets/global/plugins/uniform/css/uniform.default.css",
                    "~/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css",
                    "~/assets/global/plugins/gritter/css/jquery.gritter.css",
                    "~/assets/global/plugins/bootstrap-daterangepicker/daterangepicker-bs3.css",
                    "~/assets/global/plugins/fullcalendar/fullcalendar/fullcalendar.css",
                    "~/assets/global/plugins/jqvmap/jqvmap/jqvmap.css",
                    "~/assets/admin/pages/css/tasks.css",
                    "~/assets/global/css/components.css",
                    "~/assets/global/css/plugins.css",
                    "~/assets/admin/layout/css/layout.css",
                    "~/assets/admin/layout/css/themes/default.css",
                    "~/assets/global/plugins/bootstrap-datepicker/css/datepicker.css",
                    "~/assets/admin/layout/css/custom.css",
                    "~/assets/global/plugins/select2/select2.css",
                    "~/assets/global/plugins/datatables/extensions/Scroller/css/dataTables.scroller.min.css",
                    "~/assets/global/plugins/datatables/extensions/ColReorder/css/dataTables.colReorder.min.css",
                    "~/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css"));


        bundles.Add(new StyleBundle("~/Content/font-awesome-bundle").Include(
                    "~/Content/font-awesome/css/font-awesome.min.css",
                    "~/assets/global/plugins/select2/select2.css",
                    "~/assets/global/plugins/datatables/extensions/Scroller/css/dataTables.scroller.min.css",
                    "~/assets/global/plugins/datatables/extensions/ColReorder/css/dataTables.colReorder.min.css",
                    "~/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css"));
    }