问题标签 [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.
css - 使用图标标签并通过 css 重用它们
Bootstrap 5(带有 alpha 版本)引入了他们自己的图标集。例如,对于编辑图标,它具有 svg 标签,如下所示:
对于我正在处理的项目,我需要大约 8-10 个图标,同样我不想包含 100 KB 的 CSS 图标库,比如 Fontawesome(这真的很棒)等。
问题: 我可以使用一个小的 css 并在其中放置 8-10 个标签吗?像(比如 myicon.css)这样的东西:
我的图标.css
这样我就可以在我需要的任何地方在我的 html 中包含那个“小”css。
如果是怎么办?任何相关的信息/提示/解决方案将不胜感激。
twitter-bootstrap - 您如何在 Bootstrap 5 中垂直对齐文本?
您如何在 Bootstrap 5 中垂直对齐文本?Bootstrap 4 有答案,但 Bootstrap 5 没有答案。
javascript - Bootstrap 需要 popper.js,尽管在 Angular 中使用 bundle
我通过. bootstrap@next
_ 我将捆绑JS添加到脚本中,但编译后收到此错误:v5.0.0-alpha1
npm
自述文件明确指出(粗体文本):
我们提供编译后的 CSS 和 JS (bootstrap. ),以及编译和缩小的 CSS 和 JS (bootstrap.min. )。源映射 (bootstrap.*.map) 可用于某些浏览器的开发工具。捆绑的 JS 文件(bootstrap.bundle.js 和缩小的 bootstrap.bundle.min.js)包括 Popper。
角.json
知道我在这里会错过什么吗?
twitter-bootstrap - 为什么在 Bootstrap 5 中导航和部分重叠
为什么在 Bootstrap 5 中导航和部分重叠?
我需要使用 py 才能正确查看英雄页面。怎么了?谢谢。
twitter-bootstrap - 如何在 Bootstrap 5 中创建 jumbotron?
在 Bootstrap 5 中,移除了 jumbotron 组件,取而代之的是实用程序类,例如用于背景颜色的 .bg-light 和用于控制填充的 .p-* 类。我是新手,有人可以举例说明如何做到这一点吗?
twitter-bootstrap - 为什么列不在 Bootstrap 5 中居中?
为什么在 Bootstrap 5 中列不以相等的间距居中?下面是代码和小提琴链接。
css - 无法覆盖 Bootstrap 5 实用程序
我的 SCSS 结构:
主要.scss:
主题.scss:
实用程序.scss:
以上基本上是文档中的一个示例。这应该添加新的溢出实用程序类。但是,没有添加任何内容。有任何想法吗?
css - 当我将 Angular 与 CSS 一起使用时,如何重新编译 Bootstrap 以使 _variables.scss 中的主题颜色发生变化?
到目前为止,我已经找到了 SCSS 文件node_modules/bootstrap/scss/_variables.scss
来更改原色,并且我已经停止了 npm 并再次运行前端,但该文件中的更改并未显示在实际行为中。
我的猜测是,这是因为我需要重新编译 Bootstrap,但由于我从未使用过 SCSS 并且我的 Angular 项目使用 CSS,我不知道也找不到关于如何实现这一点的简单解释。
提前致谢 !
javascript - 如何在 Bootstrap 5 中使用 JavaScript 初始化 toast?
我无法初始化 Bootstrap 5 Toast。
初始化 toast 的按钮:
我的 JavaScript:
JSfiddle:https ://jsfiddle.net/5e1t3scp/
这是文档。
JavaScript 取自 Bootstrap 的网站。我尝试了很多次,但无法初始化它。我究竟做错了什么?提前致谢!
bootstrap-4 - 如何正确编译引导文档并在本地打开?
我下载了Bootstrap v5源代码,并npm run docs
按照宣传的方式编译了文档。我可以看到该过程编译了文档并将它们保存到:
该目录在子目录中包含几个index.html
文件。但是,如果我打开其中一个,它们都包含一个重定向,https://v5.getbootstrap.com/docs/5.0/getting-started/introduction
因此我无法打开我的本地文件。
我想将 Bootstrap 文档系统用于我自己的文档,有人知道我在这里缺少什么吗?