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