ms-autogen 相关问题

所以，基本上我使用 NiceGui 通过 AutoGen 创建 UI。我已将 human_input_mode 设置为 ALWAYS。每当 Autogen 请求人工输入时，服务器就会重新加载，并且对话就会丢失。 ...

背景故事：我将 AutoGen 集成为一种方法，以在我的应用程序中进一步进行对话（而不是直接调用 OpenAI 的聊天完成）。我如何注入我自己的消息...

以下是我的脚本： sym = `C`MS`MS`MS`IBM`IBM`C`C`C$SYMBOL 价格= 49.6 29.46 29.52 30.02 174.97 175.23 50.76 50.32 51.29 数量 = 2200 1900 2100 3200 6800 5400 1300 2500 8800 时间戳 = [09:3...

将 Jupyter 笔记本转换为 MS Word 文档 .doc？

在 Jupyter Notebook 中，我可以使用 nbconvert 将笔记本转换为 pdf 和 HTML。但是，没有办法将其转换为.doc（Word文档）。有没有办法将其转换为 MS Word 保留...

使用curl发出MS Graph请求

我正在尝试使用 Perl/curl 做一些 MS Graph 工作，但遇到了一些问题。把问题带回到我能想到的最基本的例子：来自bash脚本的2个curl命令。我有一个

为什么在VB.NET中没有出现Binding Combobox usingdictionary with the MS ACCESS database with dapper

我正在尝试使用VB.NET中的dapper将字典与MS ACCESS数据库绑定组合框。所以我希望使用字典的绑定出现在组合框中，这是表的结果

MS Office 脚本中的数组转换

嗨我需要转换这个： // 转换 [[1],[2],[3],[4],["a","b","c"],["d","e","f"]] 对此： [1,2,3,4,"a","b","...

在ms access中使用VBA检查所有表单是否已关闭

我有 MS Access DB，其中包含多种表单。与主菜单类似的主窗体是“F_StartUp”，其中包括几个用于激活其他窗体的按钮。当我打开表单时，“F_StartUp”

MS Exchange 中的命令Disable-MailUser 和Disable-Mailbox 有什么区别

我找不到任何结果来解释这两个命令之间的区别。我的主要问题是：哪个命令更适合在现代交换系统中使用，例如本地 MS Exchange 2019？罗...

MS SQL Server 始终使用安全飞地与 JDBC 集成进行加密

我一直在绞尽脑汁地想通过使用安全飞地和 JDBC 的 ms sql server Always Encryption 来集成类似的操作我在表（学生）上有一个加密列（名称），使用

剧作家| azure pipeline-在 MS Edge 浏览器中运行测试时出现错误

我通常在 chrome 浏览器作为基础平台上运行测试。有时我会在本地的 Firefox 和 MS Edge 浏览器上进行跨浏览器测试。配置到管道后，我运行了跨浏览器

提取 MS Project 计划中过滤器的详细信息，特别是使用哪些字段

我能够从 MS Project 计划中提取组、表、视图和自定义字段的详细信息。我可以获得过滤器的名称，以及是否应显示摘要行，但我找不到任何内容...

Microsoft Bing v7 搜索参数不起作用

我正在尝试 MS Bing v7 API。如果我输入一个curl请求：卷曲-H“Ocp-Apim-Subscription-Key：” https://api.bing.microsoft.com/v7.0/search?q=vintage+cars&count=25&

Win32 的官方 WebView2 示例未显示正确的结果

为了学习如何使用MS的WebView2，我尝试从这里编译并执行示例代码：https://github.com/MicrosoftEdge/WebView2Samples/blob/main/GettingStartedGuides/Win32_GettingStarted/

将 Azure 通信服务与 MS DevTunnel 连接

我正在关注 GitHub 上的官方 Azure communications-services-python-quickstarts 存储库，该存储库指示用户使用 Webhook 注册 EventGrid 订阅资源来处理

在 Azure 中添加 Linux Defender 扩展时出现问题

注意：交叉发布在 Hashicorp 论坛：https://discuss.hashicorp.com/t/problems-in-adding-linux-defender-extension-in-azure/53949 我正在尝试将 MS Defender 扩展添加到 Linux VM (rockylin...

为什么我的文本要应用透明度？

我在透明背景上有文本，如下所示： http://jsfiddle.net/L9ggc06c/ 然而，文本仍然应用透明度。 #内容a:悬停.text p{ -ms-filter: "progid:

如何检测屏幕共享已启用，并停止它，我的代码适用于 google meet，但不适用于 MS Teams

val 显示管理器 = applicationContext.getSystemService(Context.DISPLAY_SERVICE) 作为 DisplayManager val var1: Array = displayManager.displays val var2 =显示管理器。

Eclipse：从表生成实体

我目前在 Eclipse 中遇到“从表生成实体”功能的问题。我尝试添加到我的 ms-sql 服务器的连接，但出现以下错误消息：（定义并...

Excel 从一组选项中随机数

在 MS Excel 中，如何随机计算一组 5 个选项中的一个数字？例如，在单元格 B1 中，我想要一个随机数，即 15、30、50、75 或 100。...

在 Perl 中转换包含时区的时间戳

我需要将以下包含 ms 和时区的时间戳转换为 yyyy-mm-dd 格式：使用时间::件；我的 $created = "2024-07-02T11:20:11.000+0200"; 我的 $test2 = Time::Piece->strptime($

-Azure 数据工厂中的无穷大

我正在将 postgres 数据库转换为 ms sql 数据库。我的一些记录的时间戳值为“-无穷大”，没有时区列。我想将其转换为“0001-01-01 00:00:00”...

D3DCSX 11 连接和运行 FFT 功能时出现问题

根据标题，我在使用 D3DCSX 11 设置和运行基于 DirectX11 GPU 的 FFT 时遇到问题（系统：Win10 Pro + MS Visual Studio Community 2022（版本：17.8.3）、Windows kit 10（版本：10.0.22621.0）...

扩展文件类C#的矛盾

我在 MS 文档中发现了矛盾，它说你可以扩展它，但在很多 stackoverflow 线程中我发现你无法扩展它，因为它是静态类。 VS 社区也做到了...

win32com : Workbooks 类的打开方法失败

我正在尝试运行一个python脚本，它首先使用凭据连接到网络驱动器，然后连接到MS access Db文件并从由源和组成的表中获取行。

PowerShell：将全局范围的值放入模块中？

我有多个脚本利用模块（psm1）中的函数。我还有当前位于模块的全局哈希表中的通用值（文件路径/名称）。 MS 现在令人沮丧

有什么实用的方法可以通过文件设置 OOO 吗？

有没有办法从外部打开 MS Outlook 上的“外出”功能？我正在寻找类似 .ICS 文件，当用户执行它时，它会添加日历项目。

MS SQL 跨 3 列递归查询（OrderID、OriginalOrderID、GroupOrderID）

我有一个 SQL 表，其中特别包含 3 个感兴趣的列：订单ID、原始订单ID、父订单ID 列的使用对于这个问题并不重要。尽管如此，OrderID 是...

如何在选择查询中创建新列

在MS Access中，我想在选择查询的返回结果中插入一个新列。新列的每一行都具有相同的值。例如，我的选择返回列 A、B，我希望 C 列...

有没有办法检查用户是否在 Power Automate 中阅读 FlowBot 的 MS Teams 消息？

我最近开始尝试使用 Power Automate，并且偶然发现了一个问题。我想以某种方式检测是否通过“在 c 中发布消息...

insert into 语句中的语法错误 - 在 VB.NET 中

我正在尝试使用以下代码将记录插入 MS Access 数据库。我在我的项目中多次使用过相同类型的代码。但不知道为什么会报错，说有一个syn...

MS Azure - 无法在 AI 搜索服务中创建索引

我位于 Azure Open AI Studio > Chat Playground。我的目标是添加我自己的数据源以使用聊天机器人进行分析。我在同一个中创建了一个特定的 Blob 存储和容器

在 MS Access 表单中为 Postgresql 后端数据库创建组合框

我有一个记录道路事故的 Postgresql 数据库。该数据库有一个主表来记录道路事故的详细信息。该数据库还有一些参考表。例如，有一个“

创建 MS-Access 报告而不显示记录行

我对使用 Access 还比较陌生。我更喜欢用 C# 编写前端，但我的工作地点不允许在他们的计算机上安装任何自定义软件，因此我被迫通过访问来运行东西。我...

重新打开Word js-addin“尝试打开外部应用程序”确认对话框

当我单击 Word JS-addin 中打开 ms-word:// url 的超链接时，我会看到以下确认对话框：但是，当我选中复选框并单击“取消”时，我从未收到此对话框

从任务计划程序运行 .bat 文件时，CLS (ClearScreen) 命令不起作用

我正在尝试构建一个批处理文件（使用 MS 记事本）来完成以下任务：将消息写入控制台（“正在运行任务 X - 不要中断”）运行一些命令并输出...

MS Sentinel - KQL - 使用特定表中的 IP 地址检查监视列表中的 IP 范围

我希望显示监视列表中的匹配记录，其中给出了 IP 地址范围。我正在使用一个函数来比较给定的 ip 地址是否属于某个范围： ipv4_is_in_r...

在 docmd.close 实际关闭表单之前，必须单击访问 VBA 命令按钮两次（在单击事件上）

我有一个 MS Access 表单，其中有一个命令按钮，单击该按钮应关闭该表单。当点击事件被触发时，就会触发vba代码。问题是当命令对接时...

Electron App 中的设备 ID 未通过 MS Intune 传递到 Azure AD（我们收到错误设置您的设备以获取访问权限）

开发者我正在使用 Electron 应用程序，其中我们具有单点登录 (SSO) 功能，我们在其中重定向 Microsoft azure URL。问题是，它在正常情况下工作

将数据从工作表保存到另一个工作表的VBA代码

我在 MS Excel 中开发了一个 vba 函数，用于将数据从一个 Excel 工作表保存到另一个 Excel 工作表，但它复制背景公式而不是值。子保存数据() 暗淡我只要昏暗的最后一排只要...

<ImplicitUsings>.NET8项目中，有漏洞吗？

使用MS提供的升级助手，我正在尝试将我的项目从.NET 6升级到8。我注意到它被插入到我的项目文件的顶部：enabled 使用 MS 提供的升级助手，我正在尝试将我的项目从 .NET 6 升级到 8。我注意到它被插入到我的项目文件的顶部：<ImplicitUsings>enabled</ImplicitUsings> 我的问题是：<ImplicitUsings>是否为我的项目提供任何可能的攻击媒介？我有一种感觉，图书馆可以通过这种方式被劫持。有人有消息吗？谢谢！您的项目没有风险。它只是清理文件顶部的 using 声明。它不会添加任何对您的项目的引用。它只是应用项目 SDK 指定的全局使用。它一点也不脆弱。

用 Bootsrap 制作的网站右侧的空间不会消失吗？

无论我做什么，我用 Bootsrap 制作的网站右侧的空白都没有消失。如果有解决办法请告诉我无论我做什么，我用 Bootsrap 制作的网站右侧的空白都没有消失。如果有解决办法请告诉我 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Contact | Enba Camping</title> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link rel="stylesheet" href="style/style.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> </head> <body> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>  <div class="container-fluid"> <div class="row"> <div class="col-sm-12 p-0"> <nav class="navbar navbar-expand-lg bg-body-tertiary p-0 "> <div class="container-fluid bg-dark "> <a class="navbar-brand text-light mb-2" href="index.html">Enba Camping</a> <button class="navbar-toggler btn btn-light btn btn-outline-light bg-light m-2" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon "></span> </button> <div class="collapse navbar-collapse" id="navbarNavAltMarkup"> <div class="navbar-nav ms-auto"> <a class="nav-link text-light text-center" aria-current="page" href="index.html">Home</a> <a class="nav-link text-light text-center" href="aboutus.html">About us</a> <a class="nav-link active text-light text-center" href="contact.html" aria-disabled="true">Contact</a> </div> </div> </div> </nav> </div> </div> </div>   <div class="container-fluid p-0 bg-dark text-light"> <div class="row"> <div class="col-sm-6 ps-0"> <img src="images/lesly-derksen-F4fH5dAfZnE-unsplash.jpg" alt="" class=" d-block w-100 c-img "> </div> <div class="col-sm-6 d-flex justify-content-center align-items-center "> <div class="text-center"> <h2 class="fw-bold display-4 ">Bize Ulaşın</h2>  <div class="mb-3"> <label for="exampleFormControlInput1" class="form-label">Adınız</label> <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="Name"> </div> <div class="mb-3"> <label for="exampleFormControlInput1" class="form-label">Email Adres</label> <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="Email Address"> </div> <div class="mb-3"> <label for="exampleFormControlTextarea1" class="form-label">Mesajınız</label> <textarea class="form-control" id="exampleFormControlTextarea1" placeholder="Message" rows="3"></textarea> </div> <div class=" gap-2 d-md-block "> <button class="btn btn-light " type="button">Send</button> </div> </div> </div> </div> </div>   <div class="container mt-sm-5"> <div class="row text-center "> <h1 class="d-flex justify-content-center">Mekanlarımız</h1> <hr> <div class="col-sm-4 mb-2"> <div class="card"> <img src="images/card2.jpg" class="card-img-top" alt="..."> <div class="card-body"> <h5 class="card-title">Orman İçi Karavan Parkı</h5> <p class="card-text">Ormanın içinde konumlanan karavan parkımız, tam anlamıyla bir doğa kaçamağı sunuyor. Ormanın huzurlu atmosferinde kendinizi kaybedin. Karavanınızla konforlu bir konaklama deneyimi yaşayın.</p> <a href="#" class="btn btn-dark">Rezervasyon için tıklayınız </a> </div> </div> </div> <div class="col-sm-4 mb-2"> <div class="card"> <img src="images/card3.jpg" class="card-img-top" alt="..."> <div class="card-body"> <h5 class="card-title">Orman İçi Çadırlı Kamp</h5> <p class="card-text">Orman içi çadırlı kamp alanımız, doğa severler için bir cennet. Gölgeli ağaçlar arasında konumlanan çadırlarımızda, kuş cıvıltıları ve huzur içinde bir konaklama deneyimi sizi bekliyor.</p> <a href="#" class="btn btn-dark">Rezervasyon için tıklayınız</a> </div> </div> </div> <div class="col-sm-4 mb-2"> <div class="card"> <img src="images/card1.jpg" class="card-img-top" alt="..."> <div class="card-body"> <h5 class="card-title">Dağ Evi </h5> <p class="card-text">Dağ evimiz, şehrin gürültüsünden uzak,huzurlu bir konaklama imkanı sunuyor. Ferah odalarımızda dağ manzarasının keyfini çıkarabilir, gölet kenarındaki aktivitelerle vakit geçirebilirsiniz.</p> <a href="#" class="btn btn-dark">Rezervasyon için tıklayınız</a> </div> </div> </div> </div> </div>   <div class="row my-4"> <div class="col-sm-12"> <h1 class="d-flex justify-content-center">Galeri</h1> <hr> </div> <div class="col-sm col-6 mb-1"><img src="images/galeri/hichem-meghachou-7I-Rj_E9ihI-unsplash.jpg" alt="" class="w-100 img-thumbnail"> </div> <div class="col-sm col-6 mb-1"><img src="images/galeri/jimmy-conover-J_XuXX9m0KM-unsplash.jpg" alt="" class="w-100 img-thumbnail"> </div> <div class="col-sm col-6 mb-1"><img src="images/galeri/josh-campbell-UbbjVyibFuc-unsplash.jpg" alt="" class="w-100 img-thumbnail"> </div> <div class="col-sm col-6 mb-1"><img src="images/galeri/shelby-cohron-ESNV6KmLJMg-unsplash.jpg" alt="" class="w-100 img-thumbnail"> </div> <div class="col-sm col-6 mb-1"><img src="images/galeri/tegan-mierle-fDostElVhN8-unsplash.jpg" alt="" class="w-100 img-thumbnail"> </div> <div class="col-sm col-6 mb-1"><img src="images/galeri/toa-heftiba-x9I-6yoXrXE-unsplash.jpg" alt="" class="w-100 img-thumbnail"> </div> </div>   <div class="bg-dark text-light"> <div class="container"> <footer class="pt-5 mt-5 "> <div class="row "> <div class="col-6 col-md-2 mb-3"> <h5>Section</h5> <ul class="nav flex-column "> <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-light">Home</a></li> <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-light">Features</a> </li> <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-light">Pricing</a> </li> <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-light">FAQs</a></li> <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-light">About</a> </li> </ul> </div> <div class="col-6 col-md-2 mb-3"> <h5>Section</h5> <ul class="nav flex-column"> <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-light">Home</a></li> <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-light">Features</a> </li> <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-light">Pricing</a> </li> <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-light">FAQs</a></li> <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-light">About</a> </li> </ul> </div> <div class="col-6 col-md-2 mb-3"> <h5>Section</h5> <ul class="nav flex-column"> <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-light">Home</a></li> <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-light">Features</a> </li> <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-light">Pricing</a> </li> <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-light">FAQs</a></li> <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-light">About</a> </li> </ul> </div> <div class="col-md-5 offset-md-1 mb-3"> <form> <h4> Abone Ol ve Doğanın Güzelliklerini Kaçırma!</h4> <p class="fs-6">Doğanın kucaklayıcı atmosferine adım atmak, huzurla dolu anlar yaşamak ve Enba Camping'in sunduğu özel fırsatları kaçırmamak için hemen abone ol! Sitemize abone olarak, doğanın gizemli güzellikleri, özel indirimler ve etkinliklerden ilk sen haberdar olacaksın.</p> <p class="fs-6"> Unutulmaz anılar biriktirmek ve doğanın kollarında huzurlu bir deneyim yaşamak için abone ol, Enba Camping'in eşsiz dünyasına adımını at! 🏕️✨ </p> <div class="d-flex flex-column flex-sm-row w-100 gap-2"> <label for="newsletter1" class="visually-hidden">Email address</label> <input id="newsletter1" type="text" class="form-control" placeholder="Email address"> <button class="btn btn-primary" type="button">Subscribe</button> </div> </form> </div> </div> <div class="d-flex flex-column flex-sm-row justify-content-between border-top"> <p>© 2023 Company, Inc. All rights reserved.</p> <ul class="list-unstyled d-flex"> <li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24"> <use xlink:href="#twitter"></use> </svg></a></li> <li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24"> <use xlink:href="#instagram"></use> </svg></a></li> <li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24"> <use xlink:href="#facebook"></use> </svg></a></li> </ul> </div> </footer> </div> </div>  </body> </html> 和CSS .jumb { vertical-align: inherit; } p { font-size: 24px; } .c-item { height: 480px; } .c-img { height: 100%; object-fit: cover; filter:brightness(0.9) } 这里。我不希望页面左右移动。我想让它适合全屏，但容器结构溢出了请将这段代码添加到您的 CSS 文件中。然后，它就会起作用。 .row{ margin-right: 0px; }

何时切换搜索栏和徽标下降？

.navbar { 背景颜色：#F91F46； } .src-bar { 边框：0；边框半径：5px；概要：无；左内边距：15px；宽度：30vw； } .navbar { background-color: #F91F46; } .src-bar { border: 0; border-radius: 5px; outline: none; padding-left: 15px; width: 30vw; } <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/css/bootstrap.min.css" integrity="sha512-b2QcS5SsA8tZodcDtGRELiGv5SaKSk1vDHDaQRda0htPYWZ6046lr3kJ5bAAQdpV2mmA/4v0wQF9MyU6/pDIAg==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/js/bootstrap.min.js" integrity="sha512-WW8/jxkELe2CAiE4LvQfwm1rajOS8PHasCCx+knHG0gBHt8EXxS6T6tJRTGuDQVnluuAvMxWF4j8SNFDKceLFg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <nav class="navbar navbar-expand-md fixed-top"> <div class="container-fluid"> <a class="navbar-brand ms-3" href="#"> <img src="img/Logo.avif" width="40px" class="d-inline-block" /> </a> <form role="search" class="search-bar"> <div class="input-group"> <input class="src-bar" type="search" placeholder="Search For Products" /> <button class="btn bg-white" type="submit"> <i class="fa fa-search"></i> </button> </div> </form> <div class="justify-content-end"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#nav-colps" aria-controls="nav-colps" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="nav-colps"> <ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="#">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Dropdown </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="#">Action</a></li> <li><a class="dropdown-item" href="#">Another action</a></li> <li> <hr class="dropdown-divider" /> </li> <li><a class="dropdown-item" href="#">Something else here</a></li> </ul> </li> <li class="nav-item"> <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a> </li> </ul> </div> </div> </div> </nav> 切换时，我希望折叠 div 居中。我知道原因 - 我将折叠和切换 btn 放在 justify-end div 内，因为我需要切换 btn 位置位于右侧。现在，当切换时，我的折叠位于右侧，但我希望在切换时，折叠div到中心。当我删除 justify-end div 时，它位于左侧，但如果删除它，每个导航元素都会移动到 nav 和 md 视图中 lg 的左侧。看起来像这样或中心我们确实需要将 .nav-collapse 移到 justify-end 元素之外，才能在较窄的视口上获得所需的布局。要将菜单显示在右侧，请通过 flex-grow: 1 类将 .nav-collapse 应用于 flex-grow: 0 元素，覆盖 flex-grow-0 上的默认 .nav-collapse。为了使窄视口的链接元素居中，.navbar-nav中的元素采用垂直柔性布局，因此我们可以通过align-items: center类应用align-items-center： .navbar { background-color: #F91F46; } .src-bar { border: 0; border-radius: 5px; outline: none; padding-left: 15px; width: 30vw; } <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/css/bootstrap.min.css" integrity="sha512-b2QcS5SsA8tZodcDtGRELiGv5SaKSk1vDHDaQRda0htPYWZ6046lr3kJ5bAAQdpV2mmA/4v0wQF9MyU6/pDIAg==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/js/bootstrap.min.js" integrity="sha512-WW8/jxkELe2CAiE4LvQfwm1rajOS8PHasCCx+knHG0gBHt8EXxS6T6tJRTGuDQVnluuAvMxWF4j8SNFDKceLFg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <nav class="navbar navbar-expand-md fixed-top"> <div class="container-fluid"> <a class="navbar-brand ms-3" href="#"> <img src="https://picsum.photos/40/40" width="40px" class="d-inline-block" /> </a> <form role="search" class="search-bar"> <div class="input-group"> <input class="src-bar" type="search" placeholder="Search For Products" /> <button class="btn bg-white" type="submit"> <i class="fa fa-search"></i> </button> </div> </form> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#nav-colps" aria-controls="nav-colps" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse flex-grow-0" id="nav-colps"> <ul class="navbar-nav me-auto mb-2 mb-lg-0 align-items-center"> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="#">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Dropdown </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="#">Action</a></li> <li><a class="dropdown-item" href="#">Another action</a></li> <li> <hr class="dropdown-divider" /> </li> <li><a class="dropdown-item" href="#">Something else here</a></li> </ul> </li> <li class="nav-item"> <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a> </li> </ul> </div> </div> </nav> 您还可以考虑通过 text-align: center 类应用 text-center，将链接元素 text 居中： .navbar { background-color: #F91F46; } .src-bar { border: 0; border-radius: 5px; outline: none; padding-left: 15px; width: 30vw; } <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/css/bootstrap.min.css" integrity="sha512-b2QcS5SsA8tZodcDtGRELiGv5SaKSk1vDHDaQRda0htPYWZ6046lr3kJ5bAAQdpV2mmA/4v0wQF9MyU6/pDIAg==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/js/bootstrap.min.js" integrity="sha512-WW8/jxkELe2CAiE4LvQfwm1rajOS8PHasCCx+knHG0gBHt8EXxS6T6tJRTGuDQVnluuAvMxWF4j8SNFDKceLFg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <nav class="navbar navbar-expand-md fixed-top"> <div class="container-fluid"> <a class="navbar-brand ms-3" href="#"> <img src="https://picsum.photos/40/40" width="40px" class="d-inline-block" /> </a> <form role="search" class="search-bar"> <div class="input-group"> <input class="src-bar" type="search" placeholder="Search For Products" /> <button class="btn bg-white" type="submit"> <i class="fa fa-search"></i> </button> </div> </form> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#nav-colps" aria-controls="nav-colps" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse flex-grow-0" id="nav-colps"> <ul class="navbar-nav me-auto mb-2 mb-lg-0 text-center"> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="#">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Dropdown </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="#">Action</a></li> <li><a class="dropdown-item" href="#">Another action</a></li> <li> <hr class="dropdown-divider" /> </li> <li><a class="dropdown-item" href="#">Something else here</a></li> </ul> </li> <li class="nav-item"> <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a> </li> </ul> </div> </div> </nav>

ms-autogen 相关问题

最新问题