问题标签 [twitter-bootstrap-4-beta]

在导航选项卡的 agular 官方页面上，我们没有选定选项卡的底部边框

官方网站

但是当我使用相同的代码时，即使在选定的导航项上我也会得到一个边框

我的标签示例

这是我的 HTML 代码

我的 CSS ：

有人可以告诉我从活动导航项中删除边框底部吗？？？

我试图在 Bootstrap 4 beta 中创建一个轮播，一切正常，但下一个箭头不在正确的位置，如果你使用彩色背景，你可以看到：它不在图像上。箭头也不会滑动图像。我试图复制 w3schools 控件代码（您可以在此处找到：https ://www.w3schools.com/bootstrap4/bootstrap_carousel.asp ），但它没有用。之后，我搜索了一个错字，但没有找到。我可以请你帮忙吗？

这是我的代码：

我在 Laravel 5.4 应用程序中安装了 bootstrap 4 beta 3，方法是将 package.json 更改为使用“bootstrap”：“^4.0.0-beta”，而不是加载引导 v3 的条目。我还修改了 app.scss 文件和其他位置，以确保引用有关 css 和 js 的引导 v4 文件。

我在标题中遇到了一个问题，其中一个元素应用了 navbar-brand 类，因为它的大小合适。在检查该元素后，我发现“font-size: 2;” 在那里并被剔除为无效。单击指向 css 文件的链接，我看到这部分 css 显然缺少长度而不是 font-size 值。

那么，我错过了什么，或者这只是这个赌注 3 还没有准备好的情况？

我在控制本机 Bootstrap 4 进度条的位置时遇到了很多困难。Bootstrap 的进度条似乎是基于 Flexbox 的组件，这让我很困惑。我在这里包含了我的问题的图片

在我当前的代码中，我有一个容器，其中有一行，其中包含多个进度条。我想要做的是创建 2 个独立的进度条堆栈。它们应该水平居中而不是像图像中那样发生接触。

我尝试了许多不同的方式来处理 CSS 和我在 HTML 中的排序，包括使用 'flex-direction: row' 而不是 column 但仍然没有修改 .progressbar 类。我还尝试在行中使用两个 2 列来查看是否可行，我的想法是我将在两列中的每一列中创建单独的进度条堆栈，并且进度条的宽度将被限制在它们所在的列.

不幸的是，这些进度条的样式与我想要的不同。

目前看来，进度条组件可能是因为它的 Flexbox 特性，不喜欢被限制在一个容器中？此外，使用我当前的代码，“左”堆栈中的进度条正在触及“右”堆栈上的进度条（它们之间没有空格），并且它们不是内联的。即使我尝试过左浮动和右浮动，他们也想堆叠在一起。我想要实现的图片（photoshopped）

这是我当前的 HTML：

通过遵循Bootstrap 的有关表单验证的文档，我可以验证我的表单，但我还没有找到一种方法，以便特定字段（例如文本输入或复选框）不显示验证反馈而其他所有字段都显示。

我的意思是：如何使某些特定字段在验证表单时跳过获取:valid或:invalid伪类，或者即使它们确实将伪类应用于它们，我怎样才能跳过它们在视觉上格式化为其他字段?

也许有一个与之相反的类.was-validated可以应用于特定领域？

引导版本：v4.0.0-beta.3

我需要在我的网站上展示一张 Bootstrap 4 卡片，并在其正文中显示响应图像。我的 HTML 如下所示：

我的 CSS 看起来像这样：

JSFiddle 可以在这里找到： https ://jsfiddle.net/roelgeusens/064ebmvk/

我在卡体上添加了一个计算出的高度。减小窗口高度和宽度时，图像会正确调整大小。这是我想要实现的目标，但对于我的现实生活示例来说还不够。我的卡片标题可以是任何大小，我需要能够在整个面板上定义高度，所以我想将 height: calc(100vh - 200px) 样式从卡片主体 div 移动到我的卡片 div。我的 CSS 看起来像这样：

当我这样做时（所以只需将 .card-body css 样式更改为 .card）， max-height: 100% 样式不再适用于图像。

JSFiddle 可以在这里找到：https ://jsfiddle.net/roelgeusens/rw1rhjnt/

谁能帮助我？

在优势网格中，当单击另一个分区时，一个分区的卡体会折叠。然而，另一个网格并没有发生同样的情况（缺点）。当我们单击劣势部分的一个分区时，当我们再次单击劣势部分的另一个分区时，它不会折叠。然而，这发生在优势部分。我在下面包含了代码片段。

我已经为网页使用了 bootstrap 4、html5。

我连续有 3 个section标签，但在留出边距时，最后一节标签会滑到下一行，而不是留在一行中。我尝试过使用float:left和display:inline属性，但它不起作用。

这是我的代码：

大家好，我刚开始学习引导程序，我用引导程序 4 做了一个网站，我添加了一张幻灯片，但照片并没有填满所有页面，尽管我写了 height:100; 重量：100；在 css 中，我尝试了 height:auto; 和重量：自动；但是照片尺寸不同，我该如何解决，照片尺寸不同。

我的模态中有一个 2 选项卡，Team并且Personal. 当模式打开时，Team选项卡将处于活动状态，当我选择Personal它时，它会正确显示所有内容，但是当我想切换回Team选项卡时，它不会在我的Team选项卡中显示内容。任何帮助将不胜感激谢谢