问题标签 [bootstrap-5]

我正在尝试创建一个投资组合网站，并希望在旋转木马上有一个部分，该部分将显示我在 2x2 网格中完成的项目。我会将每个项目放入一张卡片中，当屏幕尺寸太小时，网格将变成 1x4，在各自的行上显示每个项目卡片。

我花了好几个小时翻阅 Bootstrap 文档以及一些 youtube 教程。虽然我能够在桌面屏幕尺寸上创建我正在寻找的卡片尺寸，但它在移动到移动设备时分崩离析并且看起来很糟糕。我尝试使用可以与“col”类相关联的各种属性，但它们似乎对我目前的情况没有任何帮助。我遇到了一些障碍，不知道还有什么其他资源可以帮助我解决这个问题。

索引.html

索引.css

所以我在这个导航栏上使用 bootstrapv5，我想将切换效果的方向从上到下（默认）更改为从左到右（就像侧面导航栏一样）？

这是我当前的 package.json 中的内容

但我想运行最新的 Bootstrap 版本，即 5.0.0。Alpha 2. 我如何根据 package.json 语法来表示？

我有一个域名为nitrous.dev 的网站。

目前，我面临一个问题，即从某些设备打开我的网站时，它的文本没有显示出来。我测试过的遇到问题的设备包括旧 iMac（不知道确切年份，但在 2015 年之前）、iPhone 6、GTMetrix 视频分析。

但是，当我在笔记本电脑（Windows 10、Chrome）等大多数现代设备上打开网站时，问题似乎并未出现。它也适用于 iPhone 11、iPhone 8、MacBook Pro（比之前提到的 iMac 更新）。

对于字体，我目前正在使用 Google Fonts Open Sans 和 Roboto，将它们加载到页面的 head 标签中。该网站使用简单的 HTML、CSS 和 Bootstrap 的 CDN (Stackpath) 提供的 Bootstrap 5。

这是我的第一个基于引导程序的网站（通常与 WordPress 一起使用），我不知道出了什么问题:(

谁能解释一下这个问题和解决方案？

这是我网站中的一些代码

在每一页 (HTML)

在 global.css 中

提前非常感谢！

对不起，如果我犯了任何错误，这是我第一次使用 Stack Overflow 提问。

我遇到了为什么我正在构建的英雄部分没有响应的问题，我正在使用引导程序和网格系统，英雄部分的图像是响应的，因为我正在使用类 img-fluid 但是文本和按钮不跟风我真的很困惑我哪里出错了，因为我已经连续一个小时把头撞在墙上，所以我将不胜感激。

这是HTML：

这是 CSS： https ://pastebin.com/F3ghpywz

非常感谢您提前帮助我解决了这个问题。

亲切的问候，乔希。

我想使用 Boostrap 5 实现布局，但我没有这样做。这是我想要的布局： 布局示例

这是我的布局：https ://jsfiddle.net/7rpmqsc0/

这是我的标记：

我的问题是我无法在左侧图像相遇的行之间产生间隙。也许我错过了一些愚蠢的东西，但我无法弄清楚。感谢您的帮助

在 Bootstrap 5 中实现响应式排版的方法是什么？在版本 4 中，我使用了媒体查询。因此，例如，博客标题将具有一组媒体查询和针对正文文本的不同媒体查询集。

I am working on a project using npm, webpack and vanilla JS and I am trying out Bootstrap v5 alpha.

I have installed Bootstrap v5 properly through npm using: npm install bootstrap@next

I am importing the bootstrap object as such: import bootstrap from 'bootstrap';

Everything is set up according to documentation, but for example when trying to use bootstrap modules in my JS code for triggering a tooltip/popover during a EventListenner as such:

I get the following error:

and on the devTools the call appears like this:

I have looked at the documentation all over again and I can't figure out what I am doing wrong, bootstrap appears to be properly installed and imported but it will always throw that error when using its JS calls

如何动态显示 bootstrap-5 模态位置？我正在尝试创建一个 Google 日历克隆，假设.. 当我们在 28 日有更多活动并且如果我们单击 4 更多如下图所示，那么该模式应该在 28 日星期三打开到其专用框，而不是中心或任何其他地方。 演示

我必须自定义 COREUI 4.x 主题提供的侧边栏。下面是我的侧边栏的代码

现在，当我尝试单击Administration时，它不会打开下拉列表，而且当我尝试从底部的箭头最小化时，这也不起作用。请帮忙！