问题标签 [twitter-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 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

我已经成功地将一行文本与图像（小提琴）对齐。

但是，当我尝试添加另一行文本时，它会包裹在图像下方（小提琴）。

如何使多行文本超过其旁边图像的高度，但不会在其下方换行？

额外的问题：我将如何垂直对齐它呢？

有人可以说明为什么会发生这种情况

当它在任何浏览器上呈现时，引导程序 4. 输入的高度比选择多 3 个像素。谢谢

是否可以在 Bootstrap 4 中的卡片组中混合不同尺寸的卡片。我想在左边有一张大卡片（双倍宽度），右边有两张较小的卡片，三张卡片的高度相同。

我目前正在尝试为移动设备重新排序这些元素，因为它们目前如下所示：
桌面：
http ://puu.sh/nwFhQ/2ec567f7be.jpg

{图片}{段落}

手机： http:
//puu.sh/nwFto/67ec6ef877.jpg

{段落} {图片}

我希望所有图像都在第二行的内容段落之上。有没有正确的方法来实现这一目标？

{图像} {段落}

干杯

正如您在我添加的 gif 中看到的那样，当我单击任何导航栏链接时，它会闪烁。任何想法是什么导致它以及如何解决它？我真的无法给出适当的描述来尝试用谷歌搜索它。

提前非常感谢！