Html 柱的垂直中间对齐（引导）

我正在尝试对行内的列进行中间对齐/垂直对齐。这是我的代码：）

引导使用

我想用这样的东西

#row-contact {
display: flex;
align-items: center; }

但它似乎不能在移动设备上正常工作——列不是堆栈

所以也许有人能帮我，知道我应该对代码做什么修改

---

它也可以在手机上使用。

除了您尝试的代码之外：

#row-contact {
  display: flex;
  align-items: center;
}

您需要做的是为小型设备添加一个媒体查询，该查询将行转换为

块

元素（默认情况下占据100%的宽度）。我在这里使用了600px的宽度，但是可以随意调整到希望行堆叠在彼此顶部的宽度：

@media screen and (max-width: 600px) {
  #row-contact {
    display: block;
  }
}

我制作了一把小提琴来展示这一点

---

希望这有帮助！：）

它看起来像手机上的桌面版吗？如果是这样，您可能已经忘记：

---

我没想到会这么容易。谢谢：）