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

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

news 文章来源：https://blog.csdn.net/liuruiaaa/article/details/139675698 2024/11/7 11:24:28

先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

相关文章：

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

先copy一个项目下来&#xff1a;Bootstrap Blazor 组件库 一套基于 Bootstrap 和 Blazor 的企业级组件库 发现不是很满足我的需求&#xff0c;我要把右下角的admin移动到左边去&#xff0c;该怎么移动&#xff1f; 先改代码 点进去到Layout.razor 文档&#xff0c;改成如下&am…...

编程日记 2024/6/16 3:10:13

【Linux】I/O多路复用

文章目录 I/O多路复用select()select()缺点 poll()poll()缺点 epoll()LT(水平触发模式)ET(边缘触发模式)具体函数 I/O多路复用 多进程和多线程实现并发会消耗大量的资源&#xff0c;主进程/线程用于监听和接受连接&#xff0c;再创建多个子进程/子线程来完成与连接的各个客户端…...

编程日记 2024/6/16 3:08:10

ubuntu20.0.4下安装PyTorch

参考文档 https://datawhalechina.github.io/thorough-pytorch/%E7%AC%AC%E4%B8%80%E7%AB%A0/1.2%20PyTorch%E7%9A%84%E5%AE%89%E8%A3%85.html 1&#xff1a;安装Anaconda 登录Anaconda | Individual Edition&#xff0c;https://www.anaconda.com/download/success &#xff…...

编程日记 2024/6/16 3:07:09

Android屏幕旋转流程（1）

&#xff08;1&#xff09;Gsensor的注册和监听 App -->I2C过程&#xff1a;App通过SensorManager.getSystemServer调用到SystemSensorManager&#xff0c;SystemSensorManager通过jni调用到SensorManager.cpp&#xff0c;后通过binder调用到SensorService。SensorService通…...

编程日记 2024/6/16 3:06:08

JS常见的运算符有哪些？

在JavaScript中&#xff0c;常见的运算符可以分为以下几类&#xff1a; 算术运算符&#xff1a; &#xff1a;加法-&#xff1a;减法*&#xff1a;乘法/&#xff1a;除法%&#xff1a;取余&#xff08;模运算&#xff09;&#xff1a;递增--&#xff1a;递减**&#xff1a;幂运…...

编程日记 2024/6/16 3:00:01

【scikit-learn入门指南】：机器学习从零开始

1. 简介 scikit-learn是一款用于数据挖掘和数据分析的简单高效的工具&#xff0c;基于NumPy、SciPy和Matplotlib构建。它能够进行各种机器学习任务&#xff0c;如分类、回归和聚类。 2. 安装scikit-learn 在开始使用scikit-learn之前&#xff0c;需要确保已经安装了scikit-le…...

编程日记 2024/6/16 2:59:00

MEMS：Lecture 17 Noise MDS

讲义 Minimum Detectable Signal (MDS) Minimum Detectable Signal&#xff08;最小可检测信号&#xff09;是指当信号-噪声比&#xff08;Signal-to-Noise Ratio, SNR&#xff09;等于1时的输入信号水平。简单来说&#xff0c;MDS 是一个系统能够分辨出信号存在的最低输入信号…...

编程日记 2024/6/16 2:56:58

Windows运维：找到指定端口的服务

运维过windows的或多或少都遇到过需要找到一个端口对应的服务&#xff0c;或者是因为端口占用&#xff0c;或者是想看下对应的服务是哪个&#xff0c;那么如何操作呢&#xff1f;看看本文吧。 1、按照端口找到进程ID 例如想找8000端口的进程ID netstat -ano | findstr :8000 2…...

编程日记 2024/6/16 2:53:55

Linux文件系统讲解!

一、Linux文件系统历史 1、在早期的时候Linux各种不同发行版拥有自己各自自定义的文件系统层级结构。 2、当我用Red hat转向玩Debian时&#xff0c;我进入/etc我都是懵的。 3、后来Linux社区做了一个标准、FHS&#xff08;文件系统标准层次结构&#xff09;。来帮助Linux系统的…...

编程日记 2024/6/16 2:51:51

mysql集群，两主两从，使用mysql-proxy实现读写分离

主从复制 一、IP规划 服务器IP备注master1192.168.100.131master2的从master2192.168.100.132master1的从slave1192.168.100.134slave1的从slave2192.168.100.135slave2的从mysql-proxy192.168.100.137 二、具体配置 1.master1 ​ 配置ip&#xff1a;192.168.100.131 ​ …...

编程日记 2024/6/16 2:50:50

Linux文本处理三剑客+正则表达式

Linux文本处理常用的3个命令&#xff0c;脚本或者文本处理任务中会用到。这里做个整理。 三者的功能都是处理文本&#xff0c;但侧重点各不相同&#xff0c;grep更适合单纯的查找或匹配文本&#xff0c;sed更适合编辑匹配到的文本&#xff0c;awk更适合格式化文本&#xff0c;对…...

编程日记 2024/6/16 2:49:49

Linux启动KKfileview文件在线浏览时报错：启动office组件失败，请检查office组件是否可用

目录 1、导论 2、报错信息 3、问题分析 4、解决方法 4.1、下载 4.2、安装步骤 1、导论 今天进行项目部署时&#xff0c;遇到了一个问题。在启动kkfileview时&#xff0c;出现了报错异常&#xff1a; 2024-06-09 06:36:44.765 ERROR 1 --- [ main] cn.keking.service.Of…...

编程日记 2024/6/16 2:48:47

React ＜＞ ＜/＞的用法

React &#xff1c;&#xff1e; &#xff1c;/&#xff1e;的用法 介绍为什么使用 <>&#xff1f;例子解释 关于顶级元素总结 介绍 在 React 中&#xff0c;使用 <> 表示一个空标签或片段&#xff08;Fragment&#xff09;&#xff0c;这是一个简洁的方式来包裹一…...

编程日记 2024/6/16 2:47:46

is not null 、StringUtils.isNotEmpty和StringUtils.isNotBlank之间的区别？

这三者主要是针对对象是否为空、是否为空串和是否为空白字符串有不同的功能。 is not null 只是说明该对象不为空&#xff0c;没有考虑是否为空串和空白字符串。 StringUtils.isNotEmpty检查字符串是否不为 null且长度大于零&#xff0c;不考虑字符串中的空白字符。 StringU…...

编程日记 2024/6/16 2:46:45

Git使用-gitlab上面的项目如何整到本地的idea中

场景 一般我们在开发项目或者接手某个项目时&#xff0c;基本都要接触Git&#xff0c;比如上传项目代码&#xff0c;下载同事给你的交接代码等等。 这是一个基本功&#xff0c;小小整理一下日常操作中的使用。 第一步&#xff1a;在 GitLab 上找到你要克隆的项目&#xff0c;复…...

编程日记 2024/6/16 2:45:44

活体检验API在Java、Python、PHP中的使用教程

活体检验API是一种基于生物特征的身份验证技术&#xff0c;通过分析和识别用户的生物信息来确认其身份。这种技术广泛应用于各种领域&#xff0c;如金融、安全、社交媒体等&#xff0c;以提高身份验证的安全性和准确性。以下是描述”活体检验API”背景的一些关键点&#xff1a;…...

编程日记 2024/6/16 2:42:41

智能计算系统-概述

1、人工智能技术分层 2、人工智能方向人才培养 3、课程体系的建议 4、智能系统课程对学生的价值 5、智能计算系统对老师的价值 6、什么是智能计算系统 7、智能计算系统的形态 8、智能计算系统具有重大价值 9、智能计算系统的三大困难 10、开创深度学习处理器方向 11、寒武纪的国…...

编程日记 2024/6/16 2:41:39

SM5101 SOP-8 充电+触摸+发执丝控制多合一IC触摸打火机专用IC

SM5101 SOP-8 2.7V 涓流充电 具电池过充过放 触摸控制 发热丝电流控制多功能为一体专用芯片 昱灿-海川 SM5101 SOP-8 充电触摸发执丝控制多合一IC触摸打火机方案 &#xff01;&#xff01;&#xff01; 简介&#xff1a; SM5101是一款针对电子点烟器的专用芯片&#xff0c;具…...

编程日记 2024/6/16 2:39:37

Mysql-题目02

下面列出的&#xff08; DBMS &#xff09;是数据库管理系统的简称。 A、DB&#xff08;数据库&#xff09; B、DBA C、DBMS(数据库管理系统&#xff09; D、DBS&#xff08;数据库系统) 以下选项中&#xff0c;&#xff08; 概念模式 &#xff09;面向数据库设计人员&…...

编程日记 2024/6/16 2:38:35

Swift开发——循环执行方式

本文将介绍 Swift 语言的循环执行方式 01、循环执行方式 在Swift语言中，主要有两种循环执行控制方式： for-in结构和while结构。while结构又细分为当型while结构和直到型while结构，后者称为repeat-while结构。下面首先介绍for-in结构。 循环控制方式for-in结构可用于区间中的…...

编程日记 2024/6/16 2:37:34

Navicat和SQLynx产品功能比较一（整体比较）

Navicat和SQLynx都是数据库管理工具&#xff0c;在过去的二十年中&#xff0c;国内用户主要是使用Navicat偏多&#xff0c;一般是个人简单开发需要&#xff0c;数据量一般不大&#xff0c;开发相对简单。SQLynx是最近几年的数据库管理工具&#xff0c;Web开发&#xff0c;桌面版…...

编程日记 2024/6/16 2:36:33

pip 配置缓存路径

在windows操作平台&#xff0c;默认情况&#xff0c;pip下使用的系统目录 C:\Users\用名名称\AppData\Local\pip C盘是系统盘&#xff0c;如果常常使用pip安装会占用大量的空间很快就满&#xff0c;这时候就有必要变更一下缓存保存路径了。 pip 配置缓存路径&#xff1a; Win…...

编程日记 2024/6/16 2:35:32

大数据开发语言Scala（一) - Scala入门

引言 在当今的大数据时代&#xff0c;数据量和数据处理的复杂性不断增加&#xff0c;传统的编程语言已经难以满足需求。Scala作为一门新兴的编程语言&#xff0c;以其简洁、强大和高效的特性&#xff0c;迅速成为大数据开发的热门选择。本文将详细介绍Scala语言的基础知识&…...

编程日记 2024/6/16 2:34:31

大模型中的计算精度——FP32, FP16, bfp16之类的都是什么？？？

大模型中的计算精度——FP32, FP16, bfp16之类的都是什么&#xff1f;&#xff1f;&#xff1f; 这些精度是用来干嘛的&#xff1f;&#xff1f;混合精度 mixed precision training什么是混合精度&#xff1f;怎么转换呢&#xff1f; 为什么大语言模型通常使用FP32精度训练量化…...

编程日记 2024/6/16 2:32:29

在矩池云使用GLM-4的详细指南（无感连GitHubHuggingFace）

GLM-4-9B 是智谱 AI 推出的最新一代预训练模型 GLM-4 系列中的开源版本&#xff0c;在多项测试中表现出超越已有同等规模开源模型的性能&#xff0c;它能兼顾多轮对话、网页浏览、代码执行、多语言、长文本推理等多种功能&#xff0c;性能更加强大。其多模态语言模型GLM-4V-9B在…...

编程日记 2024/6/16 2:31:28

大模型日报2024-06-15

大模型日报 2024-06-15 大模型资讯 新技术提升大型语言模型推理能力 摘要: 一种新技术使得像GPT-4这样的大型语言模型能够通过编写Python代码&#xff0c;更准确地解决数值或符号推理任务。 大型语言模型革命性提升蛋白质序列理解 摘要: 研究人员将蛋白质序列与自然语言进行类比…...

编程日记 2024/6/16 2:29:26

【YOLO系列】YOLOv1学习（PyTorch）原理加代码

论文网址&#xff1a;https://arxiv.org/pdf/1506.02640 训练集博客链接&#xff1a;目标检测实战篇1——数据集介绍(PASCAL VOC&#xff0c;MS COCO)-CSDN博客 代码文件&#xff1a;在我资源里&#xff0c;但是好像还在审核&#xff0c;大家可以先可以&#xff0c;如果没有的…...

编程日记 2024/6/16 2:27:24

Postman接口测试工具详解：揭秘API测试的终极利器

在现代软件开发中&#xff0c;API接口测试是确保应用程序质量和可靠性的重要环节。Postman&#xff0c;作为一款功能强大且用户友好的API测试工具&#xff0c;受到了广大开发者和测试人员的青睐。本文将详细解析Postman的功能和优势&#xff0c;带你领略这款工具的魅力。 一、…...

编程日记 2024/6/16 2:26:23

紫光展锐5G处理器T750__国产手机芯片5G方案

展锐T750核心板采用6nm EUV制程工艺&#xff0c;CPU架构采用了八核设计&#xff0c;其中包括两个主频为2.0GHz的Arm Cortex-A76性能核心和六个主频为1.8GHz的A55小核。这种组合使得T750具备卓越的处理能力&#xff0c;并能在节能的同时提供出色的性能表现。该核心模块还搭载了M…...

编程日记 2024/6/16 2:24:21

基于深度学习的红外船舶检测识别分类完整实现数据集8000+张

随着遥感技术的快速发展&#xff0c;包括无人机、卫星等&#xff0c;红外图像在船舶检测识别中的作用日益凸显。相对于可见光图像&#xff0c;红外图像具有在夜晚和恶劣天气条件下高效检测识别船舶的天然优势。近年来&#xff0c;深度学习作为一种强大的图像处理技术&#xff0…...

编程日记 2024/6/16 2:23:20

手机网站模板图片/平台外宣推广技巧

教育 -市场营销-章节资料考试资料-淄博职业学院【】 第一讲作业 第一讲测验 1、【单选题】市场营销理论20世纪初诞生于&#xff08; &#xff09; A、美国 B、法国 C、日本 D、英国 参考资料【 】 2、【单选题】市场营销组合的4P是指 &#xff08; &#xff09; A、价格&#x…...

编程日记 2024/11/7 9:47:17

东营可以做网站的公司在哪/新产品推广

gradle构建工具学习系列 参考官方文档&#xff1a;Building Java Applications Sample 创建一个demo名称的目录。进入该目录中打开命令行窗口&#xff0c;输入 gradle init并依次选择6 1 1&#xff0c;项目名称和资源包名称都默认。 创建项目&#xff1a; 将该项目导入到ID…...

编程日记 2024/11/7 9:15:35

多语种网站制作/平台软件定制开发

一、压缩与解压缩1、compress [-rcv] 文件或目录 <压缩uncompress 文件.Z <解压缩-r:可以连同目录下的文件也同时进行压缩-c:将压缩数据输出成standard output(输出到屏幕)-v:可以显示出压缩后的文件信息以及压缩过程中的一些文件名变化(这个命令是非常老旧的一款)2、gzi…...

编程日记 2024/11/7 5:54:19

南宁高新区建设房产局网站/企业网站推广方案策划

linux中的进程管理&#xff1a; 查看进程命令&#xff1a; ps &#xff1a;查看应用级别的进程 ps -e&#xff1a; 查看系统应用级的进程 ps -ef &#xff1a;显示进程的全部信息(这个命令经常用) ps -ef|grep 关键字&#xff1a; 查看带有关键字的进程 关闭进程命令&#xff1…...

编程日记 2024/11/7 5:40:12

建站管理过程/googleplaystore

1&#xff09;center&#xff1a;保持原图的大小&#xff0c;显示在ImageView的中心。当原图的size大于ImageView的size&#xff0c;超过部分裁剪处理。2&#xff09;centerCrop&#xff1a;以填满整个ImageView为目的&#xff0c;将原图的中心对准ImageView的中心&#xff0c;…...

编程日记 2024/11/7 3:28:31

旅游主题网站怎么做/平面设计培训费用一般是多少

搜集整理淘宝网关于热干面的100页商品数据&#xff0c;使用Python进行整理分析。整个数据分析的过程分为以下三步&#xff1a;数据获取、数据清洗、数据可视化。 数据获取 使用selenium抓取淘宝商品 首先确定爬虫的策略&#xff0c;淘宝的商品页面数据是通过Ajax加载的&#…...

编程日记 2024/11/7 2:33:58