问题标签 [bootstrap-5]

我正在尝试通过 Bootstrap 实现验证，并在我的页面上粘贴了以下示例：

我可以看到输入控件的外观发生了变化（现在它有点圆润并且更加美观），但它仍然没有显示绿色边框，如链接到的页面上所示。我链接到的 Bootstrap 指出如下。

我试图用谷歌搜索这个问题，但无济于事。我有一个说明这个问题的小提琴。

我能做些什么呢？我错过了什么？

我更新到 ng-bootstrap 的 v1.0-beta。现在导航栏总是折叠起来。当我单击汉堡包来切换菜单时，它会打开，但会垂直而不是水平地显示内容。

我在下面包含了导航的代码。这和以前一样。在这一点上，我无法弄清楚问题是否出在 ng-bootstrap、bootstrap 4 或它们的组合上。

我的理想结果是菜单仅在屏幕低于一定尺寸时才会出现，就像过去一样。

我确实看到Bootstrap4 导航栏总是崩溃。我已经打开了这个问题，因为它不包括 ng-bootstrap。

这是引导程序 4.0SASS

我的style.scss文件包含以下代码：

并且_colors.scss文件包含以下代码：

你可以看到我只是想覆盖，$theme-color('primary')但问题是它什么都不做。

如果我@import "colors"在文件的开头移动style.scss它会给我以下错误：

错误 ../bootstrap/scss/_forms.scss（第 284 行：$color: null 不是 `rgba' 的颜色）

实际上，该style.scss文件编译为style.css文件，并且该文件是链接文件。

问题：使用时如何覆盖$theme-colorin ？bootstrap-4SASS

任何帮助将不胜感激，并提前致谢

干杯。

I want to control two differnt tab contents with a single tab navigation.

In Bootstra 3 I had a solution with comma separated data targets (like in this example: https://stackoverflow.com/a/19719859/1788961).

But in Bootsrap 4, this way is not working anymore for tabs.

The collapse component could work with multiple targets, but I couldn't use it for the tabs: https://getbootstrap.com/docs/4.0/components/collapse/#multiple-targets

Is there an other way to do this?

Here's my code:

So I've been searching and searching for guidance in this with no avail.

Basically, I just want to have a sidebar, but when the screen gets small, aka smartphones screen size, it transforms into a navbar.

My HTML code for the sidebar is this:

My CSS:

I have no idea how to get that into a navbar. All I know is how to make the navbar from start, but I don't want that! I don't want any of that fancy animated-overlay-multicolor-accordion-whatever things, please-

Thank you :)

我正在使用引导 4 网格。我有 3 列。我希望第一列和第三列是 col-8，第二列是 col-4。基本上第二列是一个侧边栏，我想放在小屏幕上的第一列和第三列之间。不幸的是，我的第二列具有动态高度并且很长，因此第一列被分配了第二列的高度，而第三列从第二列的底部开始，第一列和第三列之间有很多空间。我希望第 3 列正好位于第一列的文本之下。

我希望这是有道理的。

这是我正在尝试做的图像：

在 Bootstrap 4 中对齐底部似乎对我不起作用。

下面是我的代码。我希望文本与底部的行对齐。我不能使用边距/填充，因为有时，此文本将是多行。

如何垂直对齐底部？

JSFiddle：https ://jsfiddle.net/wqeah67v/

我正在使用官方引导文档中的代码创建一个简单的复选框：

我想知道如何使复选框比现在大？我尝试编辑 csscustomCheck并更改 height 和 width 属性，但这不会增加框的大小。

问题在标题中描述。我有一个 Bootstrap 4 模式和一个带有按钮的输入字段的弹出窗口。在 IE 11 中一切正常，但在 Firefox 中输入失去焦点。

弹出框：

弹出框html：

https://i.stack.imgur.com/rTe2q.png

谁能告诉这是什么原因，以及如何解决这个问题？

UPD：我在一个单独的 html 文件中重新创建了这种情况。

我正在尝试自定义 Bootstrap 开关，但由于中间切换器，我不能这样做。

在定制中，我想增加开关的宽度和高度，这样每个人都可以看到不同分辨率的不同开关，我在哪里使用*-sm, *-md, *-lg, *-xl那些类，所以我想要像custom-switch-sm, custom-switch-md, custom-switch-lg, custom-switch-xl.

我在我的项目中使用 SCSS，但也欢迎使用 CSS 解决方案。

我试图更改 Bootstrap 开关的整个代码，但它看起来不像原来的那样。