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

css - 引导响应表在 flex 上下文中不起作用

我需要基于 flexbox 的带有侧边栏 ( <aside>) 和主要内容 ( ) 的简单布局(总是 100% 的浏览器窗口宽度)。<main>侧边栏具有恒定宽度,主要内容具有灵活宽度(浏览器宽度的其余部分)。

在主要内容中,我有一个大表,我想使用响应式表来仅在表容器上进行水平滚动。但是……它不起作用。我得到了整个窗口的水平滚动。

示例:https ://jsfiddle.net/cichy380/q34p5j1u/

0 投票
1 回答
478 浏览

twitter-bootstrap - Bootstrap 5 导航栏不使用空格渲染

在 Bootstrap 中,导航栏内部有一个类: container-fluid,这个容器是一个flexbox,它有一个justify-content: space-between属性

Wht类:容器流体元素不应用“space-between”属性,它们的位置类似于 flex-start?

引导导航栏渲染

正确的渲染必须是

导航栏呈现它必须如何

解释是什么以及如何纠正。

0 投票
1 回答
115 浏览

twitter-bootstrap - Boostrap sass 函数,(scss 中的混合函数)?

在 bootstrap-5 函数 scss 文件中,我们可以找到一个“混合”函数,我在 google 上没有找到任何关于它的信息。

我在哪里可以找到有关它的文档?

function.scss 屏幕截图

0 投票
2 回答
718 浏览

popper.js - Bootstrap 5 alpha 包和 popper

如何将 popper 与刚刚发布的 Bootstrap 5 alpha 捆绑在一起?

0 投票
2 回答
2941 浏览

javascript - 悬停在子元素上时未触发 Bootstrap 5 工具提示

我正在使用 Bootstrap 5,当我将鼠标悬停在包含 Fontawesome 图标的锚标记上时,我试图触发工具提示。但是,当我将鼠标悬停在图标所在的标记部分上时,工具提示会隐藏。

我有以下锚标签:

这是触发它的javascript(取自官方文档):

有任何想法吗?

编辑!

好的,所以我通过插入 Fontawesome 图标作为伪元素来解决这个问题。不过,如果有人有解决方案,仍然会很感兴趣。

0 投票
3 回答
1159 浏览

bootstrap-5 - 替换 BS4 -> BS 5 Css 的脚本,将 BootStrap 4 批量重命名为 BootStrap 5 CSS 类

Bootstrap 4 超过 1500 个 CSS/Sass 类,我们正在为Bootstrap 5. 我被要求测试网站的哪个部分会损坏。由于这是一项艰巨的任务,您能否分享如何进行升级迁移过程。

您如何实现这一点,是否有关于如何进行此升级的脚本或插件或合规性检查?

那时,从 BS 3 到 BS4,这更易于管理!但是对于 1500 CSS 我需要帮助。

在此处输入图像描述

0 投票
7 回答
40453 浏览

javascript - Bootstrap V5 手动调用模态 myModal.show() 不起作用(香草 javascript)

在引导程序 5 中手动调用模态的正确方法是什么?

我想在页面打开时显示模式。我试过这个:

我的模态

我的脚本是

但在控制台日志中出现此错误:

0 投票
2 回答
1866 浏览

laravel - 如何通过 npm 安装 alpha 版本包?

安装 bootstrap 4.5,这是最新的稳定版本

返回错误

我需要 Laravel 项目的 bootstrap 5 如何安装它?

0 投票
1 回答
65 浏览

html - 避免 col 内的元素重叠?

我目前对引导网格系统有点混乱,我有点理解它,但如果我改变 col 内元素的宽度,那么当我调整浏览器大小时它会重叠。

只是试图在调整浏览器大小时使卡片响应,但我也想更改卡片的大小而不使它们重叠。

这是我改变宽度时的样子

这就是它应该看起来的样子

我现在就是这样做的:

有点坚持。谢谢你的帮助。

0 投票
2 回答
719 浏览

html - 如何链接到 HTML 中多个页面的文件夹中的 CDN

我花了很长时间在谷歌上搜索这个,但我只是不知道如何提出这个问题,因为我可能不知道正确的词来帮助我找到答案。

我想在一个有多个页面的网站上测试 Bootstrap 5 来弄乱它。我想要做的是将 CDN 放在一个文件夹中,然后链接到标签中每个页面的 CDN。这样,当他们更新 Alpha 版时,我可以只在一个位置更新链接并让它转到每个页面,而不是需要一个接一个地转到每个页面并在那里更新链接。那有意义吗?这可能吗?

编辑:帮助理解我在这里使用的内容。我正在使用不允许 PHP 的 GitHub Pages。