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

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值