C# MVC Core 自定义 Bootstrap CSS

Posted

技术标签:

【中文标题】C# MVC Core 自定义 Bootstrap CSS【英文标题】:C# MVC Core Customize Bootstrap CSS 【发布时间】:2018-10-24 15:42:56 【问题描述】:

我从 Visual Studio 模板创建了一个新的 MVC 核心项目。我想自定义提供的引导 css 文件。在 Bootstrap 中,它显示“有现有配置?上传您的 config.json 以导入它。” Visual Studio MVC 中的 config.json 文件在哪里?我看到了 bootstrap.css,但是没有找到 config.json 文件。我想格式化模板网页。

https://getbootstrap.com/docs/3.3/customize/

谢谢,

【问题讨论】:

这是什么意思:它说“有一个现有的配置?”?您何时收到此消息? 如果你点击自定义引导链接,你会看到消息 我猜Visual Studio使用的是完整版的bootstrap,而不是自定义的,因此没有bootstrap config json文件 谢谢,你是怎么得出这个的? “Visual Studio使用完整版的bootstrap”,我是这么想的,VS使用的是Boostrap的原始完整版,想用证明或源码来验证 【参考方案1】:

Visual Studio 的模板不包含用于 Bootstrap 的“config.json”文件。一旦您在网站上设置了自定义 Bootstrap 下载,该文件就是您下载的一部分。

似乎值得注意的是,Bootstrap 4 不存在自定义下载选项,并且 v3 自定义程序将在某个时候消失。从 v4 开始,如果你想自定义 Bootstrap,你应该使用 Sass 版本。

在 Getting Started 页面上可以找到 v3 的 Less 和 Sass 版本,这也可以让您始终如一地自定义 Bootstrap。

【讨论】:

【参考方案2】:

据我在Visual Studio 2017生成的模板项目中看到,它使用完整版的bootstrap,不是自定义的,因此没有bootstrap config.json 文件。

换句话说,在您的情况下,您不会使用现有版本的 config.json,而是需要创建一个新版本。

【讨论】:

@BlueLamp82,这是因为您可以在项目的 wwwroot 文件夹中找到整个引导 css 文件。它可能是一个定制版本,但至少它看起来是一个非常大的文件(这表明 VS2017 使用了一整套引导 css 规则)。此外,引导程序(您要求的)没有这样的 json 文件。现在清楚了吗?

以上是关于C# MVC Core 自定义 Bootstrap CSS的主要内容,如果未能解决你的问题,请参考以下文章

ASP.Net Core MVC - 自定义验证

在 MVC4 Twitter Bootstrap C# 中格式化文本框

ASP.Net Core MVC - 自定义属性的客户端验证

Bootstrap5 和其他自定义 CSS 未在 .net core web api 中加载

在 Asp.net Core MVC 中定义自定义客户端验证规则

asp.net core2 mvc 基础教程--服务注册和管道