开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何在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 WebAssembly中运行登录代码？如何在Blazor webassembly中捕获EditForm组件是否“脏”如何在Blazor WebAssembly中显示.txt文件的内容如何在Blazor WebAssembly中显示blazor- error -ui元素中的错误详细信息？如何在Blazor WebAssembly中将输入框值设置为字符串？如何在Blazor WebAssembly应用模板中读取用户名如何在Blazor中设置最小日期？如何在剃刀页面(Blazor WebAssembly)中访问launchSettings.json文件中的属性？如何在Liquibase maven中设置failOnError=“false”？如何在调试清单中设置debuggable false 如何在Blazor中设置输入数字的格式如何在Blazor中设置"nav-item active“？如何在bootstrap中设置size行？在blazor webassembly应用程序中更新到bootstrap和font app更新版本的最佳方式如何在Django UserCreationForm中设置is_active=False 如何在Pakyow中设置默认值(如环境)？如何在OpenGL中设置金属材料(如银)？如何在Bootstrap选择中设置标题样式如何在reactjs中设置bootstrap来响应？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Blazor资源大全，很棒的Blazor(2)

.NET Foundation提供的Blazor应用程序构建工作坊，Blazzing Pizza。

02

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

Ant Design Blazor是一套基于 Ant Design 和 Blazor 的企业级组件库。

03

一个 .NET 开源的地图组件库 - Mapsui

今天大姚给大家分享一个.NET开源（MIT License）、免费、同时支持多平台框架（MAUI、WPF、Avalonia、Uno、Blazor、WinUI、Eto、.NET Android 和 .NET iOS）地图组件库：Mapsui。

01

.NET 8 Release Candidate 1 (RC1)现已发布，包括许多针对ASP.NET Core的重要改进！

这是我们计划在今年晚些时候发布的最终.NET 8版本之前的两个候选版本中的第一个。大部分计划中的功能和变更都包含在这个候选版本中，可以供您尝试使用。您可以在文档中找到完整的ASP.NET Core在.NET 8中的新功能列表[1]。一些领域（尤其是Blazor）仍然有一些重大的变更待完成，我们预计将在下一个.NET 8候选版本中完成这些变更。

04

Blazor学习之旅 (14) Blazor WebAssembly

在上一篇我们学习了如何创建和使用Razor类库，这一篇我们了解下WebAssembly是什么，以及创建第一个Blazor WebAssembly应用。

01

[Blazor] 利用AdvancedTimer定时刷新页面

Blazor 组件，可用作简单的计划程序或执行定期重复的任务通过调用自定义异步代码。所有组件都适用于 WebAssembly 和服务器托管模型。有关代码示例，请参阅用法。

01

.NET 8 Preview 5发布，了解一下Webcil 是啥

2023年6月13日 .NET 8 Preview 5，.NET 团队在官方博客发布了系列文章：

03

Blazor资源大全，很棒的Blazor(3)

更新 .razor 文件并立即查看更新，无需重新加载页面。由于无需重新加载任何内容，因此保留了应用程序状态。livesharp.net。

04

dotnet 将C#编译为wasm让前端html使用

其实 dotnet 是全栈的首选，原因是因为可以开发的方向太多，比如大本营PC端，以及后台。还有移动端，包括 IOS 和安卓端。现在还能用来写前端，本文就来告诉大家如何在前端使用现有的C#代码，通过 WebAssembly 使用 C# 的代码支持完全静态的网页，也就是不需要任何后台的存在。同时使用 C# 编写的 WebAssembly 可以省去 js 编译时间，同时使用二进制的本地指令，运行效率也有极大的提升。兼顾了开发的友好以及更高的性能

01

Blazor资源大全，很棒的Blazor（1）

Blazor允许您使用C#而不是JavaScript构建交互式Web用户界面。Blazor应用程序由使用C#、HTML和CSS实现的可重用的Web用户界面组件组成。客户端和服务器代码都是用C#编写的，允许您共享代码和库。更多信息请参阅官方Blazor网站[22]。

05

MasaFramework入门第二篇，安装MasaFramework了解各个模板

Masa Blazor App的模板创建的是一个没有携带解决方案的项目模板，默认项目结构如图：

03

全面的ASP.NET Core Blazor简介和快速入门

因为咱们的MongoDB入门到实战教程Web端准备使用Blazor来作为前端展示UI，本篇文章主要是介绍Blazor是一个怎样的Web UI框架，其优势和特点在哪？并带你快速入门上手ASP.NET Core Blazor(当然这个前提是你要有一定的C#编程基础的情况，假如你完全没有接触过C#的话建议你先从基本语法学起)。

02

值得推荐的Blazor UI组件库

本文主要是推荐一些开源、免费、实用、美观的Blazor UI组件库，提供给广大C#/.NET开发者们学习和使用（注意：排名不分先后，都是十分优秀的开源框架和项目💖）。本文中的所有框架都已经收录到适合后端程序员的前端框架GitHub Issues知识库中，假如大家有更好组件库推荐欢迎到以下GitHub项目地址留言或者在文末留言。

02

如何使用 Blazor 框架在前端浏览器中导入和导出 Excel

Blazor 是一个相对较新的框架，用于构建具有 .NET 强大功能的交互式客户端 Web UI。一个常见的用例是将现有的 Excel 文件导入 Blazor 应用程序，将电子表格数据呈现给用户，并且能够允许进行任何更改，最后将该数据导出回 Excel 文件或将其保存到数据库。

02

.NET周报【11月第1期 2022-11-07】

https://mp.weixin.qq.com/s/_tYpfPeQgyEGsnR4vVLzHg

02

用 Blazor WebAssembly 实现微前端

我聊下最近我在做的事情，然后分享下在Blazor WebAssembly 微前端的实现细节，这篇文章是我的一些心得，以及一个示例的 Demo 项目，展示了如何使用Blazor 实现多模块分布式的应用程序的微前端，如下图所示。

00

Blazor WebAssembly 修仙之途 - 初尝

Blazor 是一个可是使用 .NET/C# 来编写交互式客户端的 Web UI 框架，在官网有一句话概括 “Build client web apps with C#”。在 Blazor 里面有三个比较重要的概念：

01

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

本文为 Serverless 社区成员撰稿。作者杨舜杰，系统架构研发工程师，开源爱好者，.NET开源项目shriek-fx作者。供稿请戳~ 作为一种新型的开发架构，Serverless具备低人工、基础设施成本、低故障风险、高扩展性以及交付周期短等优势，但是在真正落地方面还面临成本费用过高、开发支持欠缺以及开源标准不统一等难题。腾讯云基于自身在计费模式、开发体验以及上下游生态等方面的超前探索，正在引领Serverless的行业“新标准”。 Blazor 与 Serverless 初遇我正在开发 Ant

05

.NET8 Blazor的Auto渲染模式的初体验

通过VS创建Blazor应用时，选择Blazor Web App这个新模板。过程中可以看到有四种模板可供选择。我们可以选择Auto来体验。

04

别了，JavaScript；你好，Blazor

Web开发与JavaScript开发向来是同义词。直到WebAssembly的横空出世，WebAssembly (Wasm)是一种在浏览器中可以执行的二进制指令。 WebAssembly 的官方工具链能够编译 C/C++ 代码，但许多社区也提供了不同语言的编译器，如 Rust，Python，Java 和 Blazor(C#)。特别是 Rust 社区非常活跃，可以开始看到完整的前端框架，如 Yew 和 Dodrio，这为基于浏览器的应用带来了更多新的可能性，只要测试一些使用 WebAssembly 构建的优秀应用，就可知道基于浏览器的近乎原生的应用现在已经成为现实，例如 Sketchup 或 Magnum。

03

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

最近 .NET 6 Preview 1 发布了，.NET 统一是此版本的核心。大家可以读一下原文博客：

02

Blazor学习之旅(1)初步了解Blazor

2022年9月以来在学习Blazor做全栈开发，因此根据老习惯，我会将我的学习过程记录下来，一来体系化整理，二来作为笔记供将来翻看。作为第一篇，我们先来了解一下这个Blazor到底是个什么鬼。

02

「译」用 Blazor WebAssembly 实现微前端

我聊下最近我在做的事情，然后分享下在Blazor WebAssembly 微前端的实现细节，这篇文章是我的一些心得，以及一个示例的 Demo 项目，展示了如何使用Blazor 实现多模块分布式的应用程序的微前端，如下图所示。

02

NET 8 预览版 2 亮点是Blazor

.NET 团队在2023年3月14日发布了.NET 8预览版2，博客文章地址：https://devblogs.microsoft.com/dotnet/announcing-dotnet-8-preview-2/，亮点是了对Blazor的一些改进。

05

Blazor带我重玩前端(一)

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

01

Blazor带我重玩前端(三)

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

03

Day 02 网页和Blazor介绍

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

02

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通道的文件。

03

对打 Angular，Blazor 赢在哪里？

Blazor 是一个 Microsoff ASP.NET Core 框架，用它无需任何附加组件或插件即可在浏览器中运行.NET 应用程序。相比之下，Angular 是一种基于组件的流行 JavaScript 框架，用于构建可扩展的 Web 应用程序。

03

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

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

03

最流行的WebAssembly Web开发框架： Blazor

最新的一份《The State of WebAssembly 2022》调查报告已出炉，“对于 WebAssembly 来说，这是相当不错的一年”。报告的一些重点内容包括：

02

在Blazor中使用Chart.js快速创建图表

BlazorChartjs是一个在Blazor中使用Chart.js的库（支持Blazor WebAssembly和Blazor Server两种模式），它提供了简单易用的组件来帮助开发者快速集成数据可视化图表到他们的 Blazor 应用程序中。本文我们将一起来学习一下在Blazor中使用Chart.js快速创建图表。

01

MAUI 与 Blazor 共享一套 UI 实现（五端通用）

距离上次发《MAUI初体验：爽》一文已经过去2个月了，本计划是下半年或者明年再研究MAUI的，现在计划提前啦，因为我觉得MAUI Blazor挺有意思的：在Android、iOS、macOS、Windows之间共享UI，一处UI增加或者修改，就能得到一致的UI体验。

01

C#+web=？微软Blazor

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

01

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

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

01

Blazor WebAssembly + Grpc Web=未来？

首先来说说WebAssembly是什么，WebAssembly是一个可以使C#,Java,Golang等静态强类型编程语言，运行在浏览器中的标准，浏览器厂商基于此标准实现执行引擎。

02

浏览器里能跑C#？竟然有这样的神奇技术！

本号已有原创文章250+篇，以软件工程为纲，DevOps为基，洞察研发效能全貌，涵盖从需求管理、应用/游戏开发、软件测试、发布部署到运营监控的完整流程。无论您是项目经理、产品经理、开发人员、测试人员，还是运维人员，在这里您都可以有所收获，同时深入理解其他角色的工作内容，共同助力DevOps的成功落地。欢迎关注，有任何问题可发送私信~

01

ASP.NET Core Blazor 初探之 Blazor Server

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

02

.NET5 Blazor初探

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

01

在 .NET 7上使用 WASM 和 WASI

WebAssembly（WASM）和WebAssembly System Interface（WASI）为开发人员开辟了新的世界。.NET 开发人员在 Blazor WebAssembly 发布时熟悉了 WASM。Blazor WebAssembly 在浏览器中基于 WebAssembly 的 .NET 运行时上运行客户端。WASI通过提供一个系统接口来在Web之外运行WebAssembly，从而将WASM带出浏览器世界。它是 WASM 模块如何与主机环境交互的标准。

01

Blazor带我重玩前端(二)

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

02

Visual Studio 中的 Blazor WebAssembly 与Blazor Server 项目模板区别

在 Visual Studio 中，有两种主要的 Blazor 项目模板：Blazor WebAssembly 和 Blazor Server。这两种模板都可以用于构建现代化的、交互性强的 Web 应用程序，但它们在实现方式和使用场景上存在一些区别。

01

dotnet conf 2023 Agenda

Damian Edwards, Safia Abdalla, David Fowler, Gaurav Seth, Daniel Roth, Glenn Condron, Maddy Montaquila, Maria Naggaga

04

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

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

01

Day 04 Compoent及路由介紹

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

03

快速了解 ASP.NET Core Blazor

最近在几个微信 .NET 交流群里大家讨论比较频繁的话题就是这几天自己的面试经历。

01

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

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

02

Blazor学习之旅(8)MudBlazor组件库介绍

为了实现一个Web应用系统，需要有个看起来不丑的UI，而对于.NET程序员来说要做全栈开发还是有点难，而本篇介绍的这个UI组件库正好可以帮助我们解决这个问题！

02

自研开源 Blazor 组件库路上，我们解决了这些重要挑战

采访嘉宾 | 谷首道、曹尤先编辑 | 闫园园随着 Web 开发的日趋复杂，框架和组件库的应用可谓是越来越多。然而，当开发者打开搜索引擎搜索相关概念时，会发现如今的框架和组件库已是“满天飞”，它们各有优势，但也各有不足。因此，到底应该再造轮子还是选择已有工具，选择已有工具时又该如何根据自己的项目需求进行抉择，这其中种种问题对很多团队来说渐渐成为主要挑战。 MASA 技术团队，成立于 2021 年，其自主研发的 MASA Blazor 是一个基于 Blazor Component 和 Material

03

MAUI Blazor项目实战从0到1轻松构建多平台应用UI

最近在项目中尝鲜了MAUI，总体感受下来还是挺不错的，优缺点并存，但是瑕不掩瑜，目前随着.Net版本的迭代升级对它的支持也越来越友好，相信未来可期！感兴趣的朋友欢迎关注。文章中如有不妥的地方，也请多多指教。

03

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭