问题标签 [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 投票
0 回答
138 浏览

css - 使用图标标签并通过 css 重用它们

Bootstrap 5(带有 alpha 版本)引入了他们自己的图标集。例如,对于编辑图标,它具有 svg 标签,如下所示:

对于我正在处理的项目,我需要大约 8-10 个图标,同样我不想包含 100 KB 的 CSS 图标库,比如 Fontawesome(这真的很棒)等。

问题: 我可以使用一个小的 css 并在其中放置 8-10 个标签吗?像(比如 myicon.css)这样的东西:

我的图标.css

这样我就可以在我需要的任何地方在我的 html 中包含那个“小”css。

如果是怎么办?任何相关的信息/提示/解决方案将不胜感激。

0 投票
1 回答
57 浏览

twitter-bootstrap - 您如何在 Bootstrap 5 中垂直对齐文本?

您如何在 Bootstrap 5 中垂直对齐文本?Bootstrap 4 有答案,但 Bootstrap 5 没有答案。

0 投票
1 回答
925 浏览

javascript - Bootstrap 需要 popper.js,尽管在 Angular 中使用 bundle

我通过. bootstrap@next_ 我将捆绑JS添加到脚本中,但编译后收到此错误:v5.0.0-alpha1npm

自述文件明确指出(粗体文本):

我们提供编译后的 CSS 和 JS (bootstrap. ),以及编译和缩小的 CSS 和 JS (bootstrap.min. )。源映射 (bootstrap.*.map) 可用于某些浏览器的开发工具。捆绑的 JS 文件(bootstrap.bundle.js 和缩小的 bootstrap.bundle.min.js)包括 Popper。

角.json

知道我在这里会错过什么吗?

0 投票
1 回答
109 浏览

twitter-bootstrap - 为什么在 Bootstrap 5 中导航和部分重叠

为什么在 Bootstrap 5 中导航和部分重叠?

我需要使用 py 才能正确查看英雄页面。怎么了?谢谢。

0 投票
8 回答
40900 浏览

twitter-bootstrap - 如何在 Bootstrap 5 中创建 jumbotron?

在 Bootstrap 5 中,移除了 jumbotron 组件,取而代之的是实用程序类,例如用于背景颜色的 .bg-light 和用于控制填充的 .p-* 类。我是新手,有人可以举例说明如何做到这一点吗?

0 投票
1 回答
443 浏览

twitter-bootstrap - 为什么列不在 Bootstrap 5 中居中?

为什么在 Bootstrap 5 中列不以相等的间距居中?下面是代码和小提琴链接。

https://jsfiddle.net/juantamad/1o59tsqw/3/

0 投票
2 回答
793 浏览

css - 无法覆盖 Bootstrap 5 实用程序

我的 SCSS 结构:

主要.scss:

主题.scss:

实用程序.scss:

以上基本上是文档中的一个示例。这应该添加新的溢出实用程序类。但是,没有添加任何内容。有任何想法吗?

0 投票
1 回答
746 浏览

css - 当我将 Angular 与 CSS 一起使用时,如何重新编译 Bootstrap 以使 _variables.scss 中的主题颜色发生变化?

到目前为止,我已经找到了 SCSS 文件node_modules/bootstrap/scss/_variables.scss来更改原色,并且我已经停止了 npm 并再次运行前端,但该文件中的更改并未显示在实际行为中。

我的猜测是,这是因为我需要重新编译 Bootstrap,但由于我从未使用过 SCSS 并且我的 Angular 项目使用 CSS,我不知道也找不到关于如何实现这一点的简单解释。

提前致谢 !

0 投票
5 回答
20897 浏览

javascript - 如何在 Bootstrap 5 中使用 JavaScript 初始化 toast?

我无法初始化 Bootstrap 5 Toast。

初始化 toast 的按钮:

我的 JavaScript:

JSfiddle:https ://jsfiddle.net/5e1t3scp/

是文档

JavaScript 取自 Bootstrap 的网站。我尝试了很多次,但无法初始化它。我究竟做错了什么?提前致谢!

0 投票
1 回答
130 浏览

bootstrap-4 - 如何正确编译引导文档并在本地打开?

我下载了Bootstrap v5源代码,并npm run docs按照宣传的方式编译了文档。我可以看到该过程编译了文档并将它们保存到:

该目录在子目录中包含几个index.html文件。但是,如果我打开其中一个,它们都包含一个重定向,https://v5.getbootstrap.com/docs/5.0/getting-started/introduction因此我无法打开我的本地文件。

我想将 Bootstrap 文档系统用于我自己的文档,有人知道我在这里缺少什么吗?