问题标签 [bootstrap-4]

v4 -alpha 文档状态

Bootstrap v4.0.0-alpha 可以通过多种方式下载，包括一些您最喜欢的包管理器。

然而，提到的

而是安装最新的稳定版本 3.3.5。

如何使用凉亭安装 v4 alpha？

使用引导程序 v4.0.0-alpha 非常棒，这就是我要寻找的：我需要将模态框放在容器 div 内，而不是在整个屏幕上。

我尝试更改一些内置的 CSS 类和一些 JavaScript :) 比如：

z 指数：1051；

更改右侧导航栏但不满意，有什么简单的解决方案吗？

我正在使用 Bootstrap 4，但如果它适用于版本 3，它应该适用于 v4。

我在一列中有 2 个 div，如下所示：

有没有办法让 div 在移动设备上交换？我不想在这里使用任何 JavaScript；如果可能的话，我只想使用 Bootstrap 类。

如果 Bootstrap 无法实现，请仅使用 CSS。

我已经用 Bower 安装了 Bootstrap 4.0-alpha，现在我有了一个包含预编译 bootstrap.css 和 bootstrap.min.css 的 dist 目录。在开发环境中，我尝试不使用压缩版本，而是在部署中使用缩小版本。我使用 Laravel Elixir 来运行我的任务。压缩后，一些引导程序样式已更改。例如，h1 标签有“margin-top：0.67em”（它已经发生，因为“margin-top：0px”的优先级较低）。当然，我可以简单地使用 dist 目录中的预压缩文件，这完全可以。但是如果是我的缩小器的问题，恐怕会导致进一步发展的错误结果。所以我的问题是为什么会这样？

我试图找到一个 bootstrap 4 响应式导航栏的示例，该导航栏仅在 xs 宽度处折叠为汉堡包按钮，但在更宽时完全可见。

有一个 Just Works 的 bootstrap 3示例，但我发现 4 没有。

bootstrap 4 导航栏示例页面显示了一个折叠的内容版本，但它在所有宽度上都是折叠的。

在它下面提示了如何使用 .navbar-toggler 等使其工作。人。

对于更复杂的导航栏模式，如 Bootstrap v3 中使用的模式，将 .navbar-toggleable-* 类与 .navbar-toggler 结合使用。这些类覆盖我们的响应式实用程序，仅在要显示内容时才显示导航。

我的引导知识很少，所以如果已经有一种认可的方法可以做到这一点，我不想与框架抗争任何解决方案。

编辑：

实际上，bootstrap 4 文档中Collapsible 内容下方的响应式导航栏示例正是我使用navbar-toggleable-xs类所寻找的。之前没看到是因为窗户不够窄。

我想创建一个可折叠的navbar. 一切正常，但nav物品并没有像应有的那样堆叠在一起。它们水平相邻。

代码：

截屏：

根据这篇文章，Bootstrap 4 提供了一个可选的弹性盒子网格。

_variables.scss 文件中有一个名为 $enable-flex 的布尔变量。如果将其设置为 true 并重新编译，则会发生很多事情。

问：如何重新编译 Bootstrap？我输入：

在命令行上，我的 Windows 计算机刚刚挂起。我终于不得不 Ctrl+C 并退出。

我是 Bootstrap 的新手，我想我会使用他们的 v4 alpha 版本。

我正在尝试将以下示例中的“安排估值”按钮（靠近页面底部）向右对齐，同时将其他文本向左对齐。我还需要文本和按钮在中间垂直对齐。

http://www.atlasestateagents.co.uk/mlb/landlords/services-and-fees.php

你能帮我吗？

我正在使用 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？