问题标签 [bootstrap-4]

我们的 Bootstrap 模式导致底层内容左对齐。在 Chrome 上的某些 Macbook 上，这似乎是一个不寻常的问题，而不是其他（我同事的计算机，但不是我的，它具有相同的规格）。

下面是它的样子。注意“Summary, Interests, Experience...”菜单，图表被推到最左边，而它们应该在页面的中心。

我是一位经验丰富的开发人员，但坦率地说，我很困惑，因为它看起来并不特定于用户代理。我们正在使用 Bootstrap 4 模态。

我使用Twitter Bootstrap 3有一段时间了，但现在Twitter Bootstrap 4来了。并且 newTwitter Booststrap 带有一些更改，例如重命名.table-condensed为.table-sm。为了将来可能从当前版本迁移到未来版本，有没有办法使 HTML 代码独立于 CSS 类名的更改？例如，如果我有.table-condensed类，有没有办法创建我自己的类table-small并从现有Twitter Bootstrap的类创建它table-condensed？类似（伪代码）：

直到现在我只使用 pure CSS（我偶尔是前端开发人员而不是全栈开发人员:) ），如果有人会回答我，如果这件事在某种程度上是可能的，也许有预处理器或类似的东西，我会非常感谢 - 提前感谢您！

我有以下页面： http: //mindspyder.com/newline/my-account.html

该页面上的以下代码：

现在，如果您转到该页面并单击蓝色的删除按钮，则一切正常。现在，如果您单击取消，然后单击其他选项卡之一，它仍然可以正常工作。问题是您再次单击删除，打开模式时它不会切换回删除选项卡，而是将其保留在前一个选项卡上。

我究竟做错了什么？

如果在 Bootstrap 的 SCSS 变量中设置，则使用 Bootstrap v4 的 cssfloat指令将不适用于列。$enable-flex: true;这是由于工作方式flex。

怎样才能达到同样的效果flex呢？

在 Bootstrap v3 中，我经常使用 hidden-** 类结合 clearfix 来控制不同屏幕宽度的多列布局。例如，

我可以在一个 DIV 中组合多个 hidden-** 以使我的多列在不同的屏幕宽度下正确显示。

举个例子，如果我想显示多行产品照片，大屏幕上每行 4 个，小屏幕上每行 3 个，小屏幕上每行 2 个。产品照片的高度可能不同，因此我需要 clearfix 以确保行正确中断。

这是 v3 中的一个示例...

http://jsbin.com/tosebayode/edit?html,css,输出

现在 v4 已经取消了这些类，并用可见/隐藏-**-向上/向下类替换它们，我似乎不得不对多个 DIV 做同样的事情。

这是 v4 中的一个类似示例...

http://jsbin.com/sagowihowa/edit?html,css,输出

因此，我已经从单个 DIV 转变为必须添加具有许多 up/down 类的多个 DIV 来实现相同的目标。

从...

至...

在我忽略的 v4 中有没有更好的方法来做到这一点？

在这篇文章中，我看到了 Bootstrap 4 Spacing Utility Classes，他m-b-lg在className.

但是当我在meteorjs上使用它并做出反应时，什么也没有发生。我是否缺少某些东西或缺少插件？

使用Brunch作为前端原型的构建工具，我在设置UnCSS -plugin 时遇到了困难。我安装了Bootstrap 4 -skeleton 以进行快速设置，除了 UnCSS 之外，一切运行顺利。

我遇到的错误brunch build --production是error: UnCSS: no stylesheets found. 我这样配置插件：

该项目的源文件位于app：index.htmlin app/assets，main.scss（导入 Bootstrap）和styles.cssin app/stylesheets，和app.jsin app/javascripts。

Brunch 将其构建到一个名为 的文件夹public中，其中包含样式public/css/app.css和内容public/index.html。问题是，UnCSS 的配置有什么不正确的地方？我对它的理解是它适用于构建的 CSS 输出，在这种情况下，路径似乎是正确的。

从 2014 年开始有一个关于 SO 的问题，问的问题几乎相同，但从未得到回答。

我是 Bootstrap 4 框架的新手，但即使在阅读了 StackOverFlow 上的所有文档和所有现有 B4 问题之后，我仍然有点卡住。

在我的导航栏中，我插入了一个高度和宽度为 50 像素的 SVG 徽标。这会自动使导航栏更高。我没有为此调整任何 CSS，它只是迫使导航栏高度增加的标志。

这是我的 HTML：

这是我的自定义 CSS：

我希望链接 1、链接 2 和链接 3 的导航链接垂直对齐到标题Bootstrap。

提前谢谢你

通常使用Bootstrap<div> ，您可以指定元素本身的列大小，如下所示：

但是，例如，当构建一个包含多行类似样式的属性值对的表单时，在父元素上指定它是有益的，如下所示：

...可能在divs 上有一些应该接收样式的类。

另一种方法是使用第一行作为模板，并将此样式应用于后续行。

我假设这不是 Bootstrap 核心 CSS 的一部分。是否有可用的第 3 方 CSS 附加库？是否已为将来的 Bootstrap 版本提出了建议（我刚刚自己将其添加到问题跟踪器中）？指向相关库/文档/讨论的指针表示赞赏。

（我认为这一定是由我以外的其他人提出的，但我没有找到任何线程。我想我错过了正确的关键字或术语。抱歉，如果这是重复的。）

我正在尝试在 bootstrap 4 卡的左侧和右侧放置两个单词...

然而问题是：

文字“Choro”从卡体中流出……

这是我的代码：

和 custom.css 代码是：

我究竟做错了什么？即使在卡内放置另一个容器标签也不起作用

编辑

现在看起来： 谢谢@GLP