问题标签 [bootstrap-4]

他们的例子是这样的：

所以我想如果我包括：

它会起作用，但它不会。

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

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

原始代码：

问题：

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

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

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

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

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

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

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

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

这是显示的内容：

按钮菜单显示为一半

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

No matter what I try, I can't center something in Bootstrap navbar, any solutions for it?

I've tried adding a div, using margin:0 auto; or margin-right:auto; margin-left:auto;, used center-block class. Nothing works, why is so hard to achieve something so simple I can't understand, what I'm doing wrong?

Here's the current code :

我正在为我的新网站使用 Bootstrap V4，发现它处于 Alpha 版本。

但是我看不到它的构建中有 datepicker.js。

有谁知道这是否会包含在 V4 中？如果没有，有人可以推荐一个好的日期选择器吗？

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

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

谁能帮我确认一下？

谢谢！

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

这是 Bootply 中的演示

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

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

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

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

我在我的项目中使用 Bootstrap4 alpha，出于某些调查目的，我正在尝试使用 DOM 捕获 JQuery 事件addEventListener()。

该事件是在它的折叠组件$("#mypanel").trigger("shown.bs.collapse")中通过引导程序使用 JQuery 函数触发的。

如果我尝试使用 JQuery$("#mypanel").on("shown.bs.collapse", ... )函数来捕捉它，那么一切正常。但是如果我$("#mypanel").get(0).addEventListener("shown.bs.collapse", ... )在相应的 DOM 元素上使用，则事件不会“捕获”

JQuery 事件系统和标准 DOM 事件系统不兼容吗？

让我认为它们实际上不兼容的一件事是，如果我使用 ChromemonitorEvents()功能来跟踪“shown.bs.collapse”事件，它根本不会出现。

欢迎对此提出任何反馈。

克莱门特