当前位置: 首页 > news >正文

C#|Maui|BootstrapBlazor|Bootstrap Blazor 组件库改模板 | Bootstrap Blazor 组件库改布局,该怎么改?

先copy一个项目下来:Bootstrap Blazor 组件库 一套基于 Bootstrap 和 Blazor 的企业级组件库

发现不是很满足我的需求,我要把右下角的admin移动到左边去,该怎么移动?

ad2203e599c241408af3ae70b9cfffe4.png

先改代码

fe2ab54501b64d7d86d7699bc916c748.png

点进去到Layout.razor 文档,改成如下:

c5c6478273bd4d59863881a27b4b91ea.jpeg

然后改版本号,现在是8.8.6 之前是8.6.1 ,目的是保险起见,编辑器全网找不到,就会用给你本地的。(注意:每修改一次,版本号就要改一次,否则不太见效[可能是缓存原因造成的])

1ba0d017777246c8a9222f709d86573b.png

然后右键打包

fd567ff0d0ec4f4ea20609bfbffffff1.png

9973def6438f4ff98d0f9d57f4812632.png

然后把这个BootstrapBlazor.8.6.6.nupkg,复制到一个文件夹下面去,第一步完成。

第二步:在 Visual Studio 的 Tools -> Options -> NuGet Package Manager -> Package Sources 中添加你新创建的本地 NuGet 包源。点击 "+" 符号添加一个新的源,Name 随意,Source 就填你创建的文件夹路径。如图:

20c1bca7c18545d98d51091f0ec944a6.png

a5af2f73ec824c9b89cab5ebae1538af.png

第三步:在你的项目 .csproj 文件中修改 PackageReference 来引用你的新包(把8.6.1改成8.6.6):

   <ItemGroup><PackageReference Include="BootstrapBlazor" Version="8.6.6" /></ItemGroup>

第四步:打开 Package Manager Console, 输入 Update-Package BootstrapBlazor -Version  8.6.6,按回车。这个命令会更新一个特定的 NuGet (BoostrapBlazor) 包。

9a783249d8804858a4705f3deecce5db.png

(注意这个红色框,不要选错了!)

然后右键 清理一下。再检查依赖项目:确实是8.6.6

9e8917ba8e1d48f2a5fe61f84aba604c.png

启动看效果:在左边了。

475ea86016914721a76f601324dc97cf.png

http://www.lryc.cn/news/373352.html

相关文章:

  • 【Linux】I/O多路复用
  • ubuntu20.0.4下安装PyTorch
  • Android屏幕旋转流程(1)
  • JS常见的运算符有哪些?
  • 【scikit-learn入门指南】:机器学习从零开始
  • MEMS:Lecture 17 Noise MDS
  • Windows运维:找到指定端口的服务
  • Linux文件系统讲解!
  • mysql集群,两主两从,使用mysql-proxy实现读写分离
  • Linux文本处理三剑客+正则表达式
  • Linux启动KKfileview文件在线浏览时报错:启动office组件失败,请检查office组件是否可用
  • React <> </>的用法
  • is not null 、StringUtils.isNotEmpty和StringUtils.isNotBlank之间的区别?
  • Git使用-gitlab上面的项目如何整到本地的idea中
  • 活体检验API在Java、Python、PHP中的使用教程
  • 智能计算系统-概述
  • SM5101 SOP-8 充电+触摸+发执丝控制多合一IC触摸打火机专用IC
  • Mysql-题目02
  • Swift开发——循环执行方式
  • Navicat和SQLynx产品功能比较一(整体比较)
  • pip 配置缓存路径
  • 大数据开发语言Scala(一) - Scala入门
  • 大模型中的计算精度——FP32, FP16, bfp16之类的都是什么???
  • 在矩池云使用GLM-4的详细指南(无感连GitHubHuggingFace)
  • 大模型日报2024-06-15
  • 【YOLO系列】YOLOv1学习(PyTorch)原理加代码
  • Postman接口测试工具详解:揭秘API测试的终极利器
  • 紫光展锐5G处理器T750__国产手机芯片5G方案
  • 基于深度学习的红外船舶检测识别分类完整实现数据集8000+张
  • SpringCloud跨服务远程调用