问题标签 [bootstrap-5]

我使用来自 Bootstrap5 的导航栏菜单。我的下拉菜单无法打开或关闭

我添加了一个 jquery 函数，并且下拉菜单仅用于打开而不是顶部关闭

我想使用带有函数的纯 Javascript 进行切换切换。但似乎这个函数内部的循环不起作用，因为它只能检测默认状态。当我尝试手动设置输入状态时，if-else 语句起作用。但是，如果我点击开关，没有任何反应。为此，我使用 Bootstrap 5 Beta。接受任何更好的建议，只要它不需要除引导包 JS 之外的框架/库/附加模块。

这是我的开关html代码：

这是我的 Javascript 函数：

我很难理解在我的 nodejs 项目中在哪里/如何使用 Bootstrap。我用 npm 安装了 Bootstrap，但是如何将它包含在我的 index.html 文件中？

我是否需要像往常一样在我的 .html 文件中包含顶部的样式表标签和底部标签上方的标签，或者我是否可以在我的 app.js 中需要它后开始将 Bootstrap 类应用于我的元素文件？

此外，使用 npm 安装 Bootstrap 与使用 CDN 相比是否有优势？

我正在使用 bootstrap 5 并且有一个导航栏，它在移动大小时显示 navbar-toggler-icon。我的问题是，当徽标为移动尺寸时，我需要更改徽标位置的 css。

所以：

以上在移动尺寸时会有不同的css。

这是导航代码：

我有这个CSS：

我只想在尺寸不移动时使用

我怎样才能做到这一点？

我有一个在引导程序 4 中工作的下拉菜单，但现在在引导程序 5（测试版）中它不再工作。我想要做的是从辅助按钮打开一个特定的下拉菜单，但由于他们在引导程序 5 中所做的更改，这不再有效。有一个小提琴要演示。当您单击主按钮时它工作正常但是当您单击第二个按钮时它有一个错误，这种从任何地方调用下拉显示方法的方法在引导程序 4 中完美运行。我怎样才能让它在引导程序 5 中工作，那里在文档中提到了“参考”选项，但文档中的所有示例仅适用于数据属性，不适用于 JS。我尝试了很多东西，但没有任何效果。谢谢。

https://jsfiddle.net/6hbcp9xm/

HTML：

JS：

所以我想改变旋钮颜色以匹配我的颜色主题。但是当我打开 bootstrap.css 时，我找不到它的引用。我可以更改边框和阴影，但不能更改旋钮。我能找到的唯一参考是背景图片，我猜是这样的 svg 文件：

但我不知道如何改变它。是否可以在不创建整个开关的情况下更改此开关？感谢您的帮助。

*图片仅供参考我想改变什么和我改变了什么

我正在使用运行良好的 Bootstrap 5 图标，但是我需要包含一些 svg 文件，因为它们不在图标集合中。

所以对于图标按钮，我这样做：

正如您在上面看到的，它真的很忙，我不知道大多数参数的作用，因为有 3 条路径，里面有很多东西。

我想要做的是修改上面的内容，以便我可以导入我拥有的本地 svg 文件。

我怎样才能做到这一点？

我正在开发一个使用 bootstrap 5 的应用程序。我的问题是如何在选项卡内使表单项全宽。

显示带有表单元素的选项卡

我从https://www.codeply.com/go/qhaBrcWp3v复制了一个导航栏 HTML 代码

示例 6：

该代码将导航项保持在右侧，但是当我将其粘贴并运行我的 HTML 代码时，它不起作用并且所有项都在左侧

这是我的 index.html

我已经尝试过Navbar来自https://getbootstrap.com/docs/5.0/components/navbar/的代码，但我不知道如何移动导航项（ml-auto不起作用）

这可能是一个愚蠢的问题，但我无法弄清楚。如何向此处的图标导航栏添加文本？

下面是我的导航栏；我正在使用基本的 Bootstrap CSS。