问题标签 [bootstrap-5]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1815 浏览

bootstrap-5 - 使用 Bootstrap 5 的最小宽度类是什么?

我查看了 Bootstrap 5 的文档,但似乎找不到使用像素的最小宽度类?有没有?

https://v5.getbootstrap.com/docs/5.0/utilities/sizing/

0 投票
1 回答
4340 浏览

navbar - 如何在 Bootstrap 5 中做粘底导航栏?

我想做这样的粘性页脚但即使我从那里复制它,它看起来也不一样。当我缩小页面时,导航栏将贴在顶部,而不是底部。这是屏幕截图:我得到的结果

这是我的代码(我说过,基本上是从该页面复制的):

如何像引导示例中的那样做粘性页脚?任何帮助,将不胜感激

0 投票
2 回答
385 浏览

twitter-bootstrap - 覆盖引导程序的 sass 函数

我正在尝试修改 bootstrap 5 功能color-contrast。我希望它有时根据$background参数返回硬编码值。我可以通过修改函数本身来做到这一点,但由于我有引导程序node_modules,我想避免它并以某种方式在我的自定义代码中覆盖这个函数。

如何在 sass 中用自己的函数覆盖函数?或者如何解决这个问题?

0 投票
1 回答
270 浏览

css - SCSS:警报组件 - 根据背景颜色更改 SVG 颜色?

我想根据背景中使用的颜色更改关闭按钮 SVG 颜色 我正在使用一些 Sass 函数 *($_luminance-list、颜色对比度、对比度、亮度)来控制颜色。*

代码笔示例:

密码笔

这是当前结果:

在此处输入图像描述

我想要达到的目标:

在此处输入图像描述

我的完整代码包括我使用的功能。

0 投票
1 回答
56 浏览

css - Github Pages 没有加载 Bootstrap 样式,尽管在本地运行它完全没问题(使用 gulp)

我还是 Web 开发的新手,无法让它发挥作用。

这是我使用 gulp 在本地运行项目时的当前外观: 项目在本地运行

这是它在 Github Pages 上的样子:

https://bolshed.github.io/hrisopack/

我已经安装了 Bootstrap 5,因为我想学习这种方式,而不是 CDN/快速启动方式。环境(gulp、gulp-sass 和浏览器同步)完全可以使用自定义样式,但在 Github Pages 上没有。

所以看起来它没有加载我的引导样式。我还推送了 Bootstrap 文件夹。这是必要的吗?

这是当前的存储库:https ://github.com/bolshed/hrisopack

我应该如何做到这一点?

0 投票
1 回答
289 浏览

html - 更改 Bootstrap 汉堡包图标的颜色

我在我的 HTML 代码中使用 Bootstrap Navbar

汉堡菜单图标的默认颜色为黑色。我正在尝试将其更改为同时颜色。但它不工作

这是CSS代码

0 投票
1 回答
2779 浏览

css - SASS/SCSS:Bootstrap 5 颜色功能不能正常工作?

我在我的一些学术项目中使用 SASS 并引导新版本 V5 作为 CSS 框架,因为颜色功能无法按预期工作,所以我将在下一行中解释图像问题出在哪里。

首先看看当前的结果:

当前结果

正如您在当前结果中看到的那样,它是一个警报组件,背景和边框颜色为橙色,但问题是文本应该是白色而不是黑色,但在本例中是黑色我想在不使用任何自定义 css 的情况下动态更改颜色仅将引导颜色功能编辑为白色而不是黑色。

我所期望的:

预期结果

codepen 上的实时示例

现场示例

我的完整代码:

0 投票
0 回答
1522 浏览

jquery - ReferenceError:文档未在 Bootstrap.js 上定义

我按照官方页面上的说明安装了 bootstrap、popper.js 和 jquery。使用 npm 包管理器。但是通过在 app.js 中要求它们,它会向我发送此错误。

这是 app.js

这是错误。 我安装了 bootstrap、jquery 和 popper。

npm install bootstrap@next

npm 我@popperjs/核心

npm 安装 jquery

0 投票
1 回答
1471 浏览

bootstrap-4 - 带有列的 Bootstrap 5 导航栏 .. 右侧跳跃的下拉菜单

我正在尝试使用 Bootstrap 5 beta 1 的导航栏。

这是代码:

我的下拉菜单有问题,当我单击它打开时,导航栏只会在下拉菜单打开时展开。

这是一个屏幕截图:

在此处输入图像描述

我怎样才能解决这个问题?

0 投票
0 回答
43 浏览

jquery - JQuery onclick if

对于我的汉堡菜单,我无法关闭折叠菜单。

请找到我的代码以打开折叠菜单。你能告诉我当我点击汉堡菜单时如何添加关闭代码吗

我想,它可以与“if”函数一起使用

和导航栏