添加visual studio项目的网站模板

时间:2017-08-16 10:09:55

标签: c# css model-view-controller twitter-bootstrap-3

我已经创建了空网站应用程序。但我想通过使用在线免费网站模板为其添加一些风格。我下载了它们。但是不知道如何在现有项目中添加css,font,images文件夹,因为它已经包含了一些样式和图像文件夹。

任何人都可以帮助我吗?

由于

1 个答案:

答案 0 :(得分:1)

如果这是一个空的Web应用程序,您可以按照以下步骤操作:

  1. Content folder添加新的引导程序主题或引导程序css。确保您没有删除Site.css,只需添加它,不要覆盖以确保您有备份。 Bootstrap-MyNewTheme.css名称可以做或者你喜欢什么。

  2. App_Start folder下的BundleConfig.cs文件中,用新主题替换你的css:

            bundles.Add(new StyleBundle("~/Content/css")
            .Include("~/Content/Bootstrap-MyNewTheme.css" //I removed the site.css
            ));
    
  3. 在您的BundleConfig上添加您的boostrap javascript:

    bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
           "~/Scripts/jquery-{version}.js",
           "~/Scripts/bootstrap.js"
           ));
    
  4. 然后,如果css存在问题,您可以检查您的网站并调整所需的更改。但正如我所说,如果这是一个新的空Web应用程序,您只需在执行这些更改后看到新的引导程序外观。

    请勿忘记在_Layout.cshtml

    上应用这些更改
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/jquery")