问题标签 [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 回答
17125 浏览

html - Bootstrap v5.0.0-beta1 - ml-auto 不适用于导航栏

我正在尝试设置一个导航栏,当屏幕足够大并且该栏未折叠时,链接将位于右侧。然而,尽管将 ml-auto 作为类包含在无序列表 (ul) 标记中,但链接(联系方式、定价、下载)仍然停留在品牌项目的左侧。我该如何解决?以下是代码:

0 投票
1 回答
359 浏览

sass - 如何使用 @use 引用引导 scss 变量?

我的站点中有一个简单的组件样式表,我正在尝试引入$zindex-fixed变量,但我的方法似乎有问题。任何帮助,将不胜感激!

我的样式表看起来像:

我收到以下错误:

这是使用带有 sass 1.30.0 的 Bootstrap 5.0.0-beta1。如果我可以提供更多信息来帮助诊断,请告诉我!

0 投票
1 回答
1093 浏览

sass - 在 Bootstrap 5 中使用 SCSS 导入间距(边距、填充等)

我可能在这里遗漏了一些明显的东西——我正在尝试使用 SCSS 编译我的 Bootstrap,所以我可以选择我需要的文件。一切都很好,直到我到达边距和填充类(例如 mt-0)。我认为这些是utilities.scss 的一部分,但显然不是,我似乎无法追踪它们。我在这里错过了一个明显的包含吗?

0 投票
1 回答
873 浏览

bootstrap-modal - Bootstrap v5,如何在模态中传递变量(没有jquery)

这是我的第一个问题 :-) 我正在尝试将变量传递到 Bootstrap v5 中的模式窗口中,可能不使用 jquery(v5 不再使用它)。

我有一个按钮:

此按钮触发功能“sendMailClicked”

这就是功能

在 sendMailClicked 中定义了变量“theValue”并且它的值是正确的。我想在一个模态窗口中传递这个变量,它的内容应该是这样的:你的值是theValue

我想在 HTML 中预加载的模态窗口是theValue未定义的原因。有没有办法将 value 值传递给模态窗口?理想的解决方案是不使用 jquery(不包含在 Bootstrap v5 中)。

0 投票
1 回答
2290 浏览

django - 为什么左边界右边界不适用于 Bootstrap 5 Django?

所以我有以下代码:

现在当我做 just 时border,会显示边框,当我做border-bottomor时border-top,会显示边框。但是,当我使用border-leftor时border-right,不显示边框轮廓。

另外,我尝试通过向 div 类添加一个insta-nav类来使用样式,并通过添加覆盖样式border:1px,但没有添加边框。

为什么这两个原因会这样??任何帮助,将不胜感激

0 投票
1 回答
4546 浏览

php - 同一页面上的 2 个不同的 Modals 引发错误

是否可以在同一页面上使用 2 个 Bootstrap 5 模态?根据我的研究,它应该能够处理它,但不幸的是它对我不起作用,我的控制台给我错误:Uncaught TypeError: Illegal invocation

Modal n.1(用于登录)工作得很好,但 Modal n.2(注册)给了我上面提到的错误。我确实有他们两个不同的 ID,您可以查看下面的代码。

我的下拉列表中的模态操作链接:

模态:

0 投票
4 回答
366 浏览

html - 在导航栏中添加图像和文本之间的间距 - 引导

当前站点 我现在有这个网站,上面有这段代码:

我希望文本“测试”和徽标图像之间有更多的间距,我已经尝试过类似的ml-3pl-3类似的方法,但是这些似乎都不起作用。,

0 投票
7 回答
25749 浏览

javascript - 导航栏下拉菜单(折叠)在 Bootstrap 5 中不起作用

尝试使用 . 创建响应式菜单或下拉按钮时遇到问题。Bootstrap 5一切似乎都很好。导航图标和下拉图标出现。但它不起作用。当我单击nav图标或dropdown按钮时,没有dropdown menu出现。

我想特别提一下,我还包含了该jquery文件。但它没有用。谁能告诉我这里发生了什么?

最后一件事,我在其他一些bootstrap课程上遇到了严重的问题,比如等mr-auto。这种工作ml-auto是否有任何错误或新课程bootstrap 5

这是我的代码:

0 投票
2 回答
406 浏览

html - 使用 span 垂直创建三个点并将它们对齐

我正在尝试创建三个垂直点并将容器的左下角与 css 和 bootstrap 5 对齐。就像下图一样:

在此处输入图像描述

我的 HTML 和 CSS:

这是我的输出 在此处输入图像描述

如何垂直对齐并将它们移动到容器的左下角?因为当我使用 div 进行包装时,它们会消失

0 投票
0 回答
58 浏览

django - 如何在django的for循环中只打开一个折叠按钮

我正在为一个天气应用程序做一个练习项目,当点击当前天气中的按钮时,会显示接下来 7 天的天气预报bootstrap5 card。使用 bootstrap collapse 一次显示每个城市的每日天气预报。我应该改变哪一部分,我还没有学过javascript。

未来7天的天气预报列表(city_weather_forecast)放在当前城市天气状态(city_weather_data)中,这样就可以使用当前城市的经纬度来获取每日预报信息。

views.py/ 为上下文提供模板的部分。

模板