问题标签 [twitter-bootstrap-4]

我正在使用 Bootstrap 4，并创建了一张带有 .card-header 和 .card-block 的卡片，如下所示：

我希望能够单击卡头来切换卡块。我试过使用 Bootstrap 的折叠机制（你会注意到data-toggle="collapse"卡片标题中的）。它有效 - 但动画非常不稳定。

我不知道为什么。这是一个关于 codepen 的例子。

class="card-group"我可以看到和之间的唯一区别class="card-deck-wrapper"是card-deck-wrapper有边距而card-group没有。

问：我在这里缺少什么？使用card-deck-wrappervs.时的决定因素是什么card-group？

他们的例子是这样的：

所以我想如果我包括：

它会起作用，但它不会。

我正在学习引导程序。我使用绘画快速制作了我想尝试使用 Bootstrap 4 及其新的 flex 支持创建的模型。我的问题出现在问题绘画草图中；由于 Flexbox 均衡了高度，因此评论部分出现在相关部分的末尾下方。

我已经尝试将评论部分放在内容列中，然后尝试重新排列代码中的 CSS flex 顺序，但顺序 CSS 规则似乎只在每一行中起作用（似乎无法从其他行插入内容） .

原始代码：

问题：

以下是理想的移动和桌面布局：

我有一个如下定义的按钮。

该makeActive操作切换属性，当 ember 重新渲染模板时shouldBeActive，这会导致按钮获得或失去类。.active

这一切都很好......除了.active在 Ember 更新 DOM 之后触发按钮类的 bootstrap.js 点击处理程序，导致按钮切换到不正确的切换状态。

有没有一种雄辩的方法来解决这个问题？我唯一的想法是我可以做一些愚蠢的事情，比如......

...有效地将活动状态设置为与预期相反的状态，并让引导程序将其切换到适当的状态。

我正在尝试使用 Bootstrap 4，并在卡片列中有一张卡片：

卡片列本身位于一个容器内，该容器具有一行和一col-sm-12列。

这是显示的内容：

按钮菜单显示为一半

这里有什么问题？div类dropdown-menu具有绝对定位。

我刚刚迁移到 bootstrap 4，我的 xs 按钮似乎不再那么小了！

查看bootstrap 4 中按钮的文档，我没有看到额外小按钮的选项？

谁能帮我确认一下？

谢谢！

在 bootstrap-4 中，我第一次单击选项卡菜单中的下拉菜单时它工作正常，但之后它停止工作。

这是 Bootply 中的演示

我有一个简单的类，当用户滚动经过横幅时'.full-width'，我正在添加和删除它。<nav>目标是<nav>当用户在横幅上方或下方滚动时逐渐扩大或缩小。从示例 CSS 中可以看出，导航具有transition属性集。

出于某种原因，<nav>当条形图扩展时，它会在左侧弹回。栏仍然在右侧正确过渡，并且缩小栏效果很好。

有趣的是，这似乎适用于 Bootstrap 3，但 Bootstrap 4 中的某些内容导致导航栏卡顿。

有人看到我缺少的东西吗？

我在引导程序中发现了一些关于 .row 类的例子和一些矛盾的东西。这样做更好吗

一个）

或者

b)

还是没关系？