如何在Blazor WebAssembly中设置Bootstrap `$enable-rounded: false;`？

在Blazor WebAssembly中设置Bootstrap $enable-rounded: false;的步骤如下：

打开Blazor WebAssembly项目的根目录。
导航到wwwroot文件夹。
在wwwroot文件夹中，创建一个名为css的新文件夹（如果尚未存在）。
在css文件夹中，创建一个名为custom.scss的新文件。
打开custom.scss文件，并添加以下内容：

$enable-rounded: false;

保存并关闭custom.scss文件。
打开项目的wwwroot/index.html文件。
在<head>标签内添加以下代码：

<link href="css/custom.css" rel="stylesheet" />

保存并关闭index.html文件。
重新编译和运行Blazor WebAssembly项目。

这样，设置$enable-rounded: false;将禁用Bootstrap中的圆角效果。您可以根据需要自定义其他Bootstrap变量和样式。

请注意，Blazor WebAssembly使用的是客户端渲染，因此对于Bootstrap的自定义样式，需要在客户端的index.html文件中引入相应的CSS文件。

相关·内容

「译」用 Blazor WebAssembly 实现微前端

Blazor带我重玩前端(一)

曾经我和前端朋友聊天的时候，我说我希望有一天可以用C#写前端，不过当时更多的是美好的想象，这一切正变得真实……

Blazor带我重玩前端(三)

需要升级VS2019以及.NET Core到最新版（具体的最低支持，我已经忘了，总是越新支持的就越好），以更好的支持自己开发Blazor项目。

Day 02 网页和Blazor介绍

笔者对网站的认知为前端、后端及数据库，使用者在浏览器页面按下按钮或是表单请求，触发前端事件，将收集起来的条件打包送往后端，后端接收条件后去数据库据此处理判断，捞出使用者想要的数据后，后端将页面、数据回传给前端，前端再将相应数据呈现在页面上，这就是最原始的前后端交流。

Day 03：Blazor Server和Blazor WebAssembly的差异

下载Visual Studio后首先建立一个Blazor解决方案，里面建立Blazor Server项目，方案位置可以自己选择(注：新版Visual Studio将Blazor Server跟Blazor WebAssembly的新建项目模板拆分了，较为直观)，先不管里面的程序，按下F5执行后在网页按下F12或是Ctrl+Shift+I开启开发人员工具(Dev tool)，切换到Network页签后重新加载网页，可以看到几个文件，其中blazor.server.js就是在服务器跟浏览器之间通过SingalR建立WebSocket通道的文件。

(7/30)Blazor系列：生命周期(Lifetime)

前面说过自己建立的Service都必须在Program.cs注册，但有些基本Service就不用自己做了。

C#+web=？微软Blazor

C#是微软公司发布的一种面向对象的、运行于.NET Framework和.NET Core(完全开源，跨平台)之上的高级程序设计语言。

使用Jexus 容器化您的 Blazor 应用程序

在本文中，我们将介绍如何将 Blazor 应用程序放入Jexus 容器以进行开发和部署。我们将使用 .NET Core CLI，因此无论平台如何，使用的命令都将是相同的。

ASP.NET Core Blazor 初探之 Blazor Server

上周初步对Blazor WebAssembly进行了初步的探索(ASP.NET Core Blazor 初探之 Blazor WebAssembly)。这次来看看Blazor Server该怎么玩。

.NET5 Blazor初探

经常看我公众号的朋友应该能看出来，我的文章基本都是.Net、Android、OpenCV的相关的，用到的语言C#、Kotlin、C++、还有现在偶尔还维护下的Delphi老代码。本来也想空余时间学一下前端的，公众号里也有几篇VUE文章，后台没再继续学习的主要原因就是学习的成本太高，除了JS的语言，像编译部署、环境搭建、跨域访问等一系列的东西，需要花费的时间太多。前阵子.Net5发布后跟着做了个小的东西，也是无意间看到了Blazor后，抱着测试看看是否占用学习时间太多的想法做了个Demo，于是有这今天这篇。

Blazor带我重玩前端(二)

Blazor目前有两种托管模式，一种是Server-Side模式，一种是WebAssembly模式。官方首先支持的是Service-Side模式，使用WebAssembly模式，需要更新到最新版VS2019。小编目前的精力是更多的专注于Blazor-WebAssembly模式的研究，所以本系列文章只会对Server-Side模式做简要说明。

.NET平台系列10 .NET统一平台愿景

2019年，微软分享了【统一的.NET堆栈和生态系统的愿景】。给开发者带来的价值是，将能够使用一组API，语言和工具来针对广泛的应用程序类型，包括移动，云，桌面和IoT。可能会意识到，如今已经可以使用.NET定位广泛的平台，但是，这些工具和API在Web和Mobile上并不总是相同的，例如它们不是同时发布的。

Day 04 Compoent及路由介紹

由于笔者当初是用ASP.NET Core API + Blazor Server，所以会以Blazor Server示范，日后研究完Blazor WebAssembly会再将心得补上。

C#程序员的福音来啦，Blazor框架概览

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

如何在Blazor WebAssembly中设置Bootstrap `$enable-rounded: false;`？

相关·内容

.NET Core/.NET5/.NET6 开源项目汇总8：Blazor项目

用 Blazor WebAssembly 实现微前端

Blazor WebAssembly 修仙之途 - 初尝

通过 Serverless 加速 Blazor WebAssembly | 社区精选文章

别了，JavaScript；你好，Blazor

【重榜？】.NET 6 Preview 1 开箱上手！带你尝试新版本更新！

「译」用 Blazor WebAssembly 实现微前端

Blazor带我重玩前端(一)

Blazor带我重玩前端(三)

Day 02 网页和Blazor介绍

Day 03：Blazor Server和Blazor WebAssembly的差异

(7/30)Blazor系列：生命周期(Lifetime)

C#+web=？微软Blazor

使用Jexus 容器化您的 Blazor 应用程序

ASP.NET Core Blazor 初探之 Blazor Server

.NET5 Blazor初探

Blazor带我重玩前端(二)

.NET平台系列10 .NET统一平台愿景

Day 04 Compoent及路由介紹

C#程序员的福音来啦，Blazor框架概览

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐