Question

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

使用Bootstrap。

我试图使用类似的东西

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

但它似乎在移动设备上无法正常工作 - 列不会堆叠。

所以也许有人可以帮助我，知道我应该改变什么代码。

它也适用于手机。

Answer 1

除了您尝试过的代码：

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

您需要做的是为小型设备添加媒体查询，将行转换为block元素（默认情况下占用宽度的100％）。我这里的宽度为600px，但可以随意调整到你希望行堆叠在一起的宽度：

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

我创造了一个展示这个here的小提琴。

希望这有帮助！：）

Answer 2

它看起来像移动设备上的桌面版吗？如果是这样，你可能已经忘记了：

＆＃13;

<meta name="viewport" content="width=device-width, initial-scale=1.0">

＆＃13;

在HTML标题中。