Css 列内容在小型显示器上堆叠

这里有类似的答案，但人们想知道如何在XS显示器上堆叠他们的列，我希望他们停止堆叠

我有两列，出于某种原因，它们的内容在某些显示器上堆叠。我用的是bootstrap4

320像素（XS）显示器：

480像素（XS）显示，这是唯一正确的：

800像素（MD）显示器：

为什么里面的东西堆积如山？我不明白

代码：

Exportar
文件下载
Kml
Csv
自动恢复

另一个问题是，我使用的是Bootstrap Multiselect，但它并没有像常规Bootstrap custom select那样占用所有空间，我如何让它们对齐？我怎样才能在两列之间增加一些额外的垂直空间呢

我使用的大多数实用程序类都是“反复尝试”的，我愿意听取关于如何更好地布局按钮的建议，因为我对这一行的Bootstrap非常陌生

<div class="col-md-8 col-12 text-center">

在这一行

<div class="col-md-8 col-12 text-center">

---

我建议您稍微重新构造代码，以正确使用

输入组

和引导的网格。这两者不应合并。相当地您应该将

输入组

包装在

列-*-*

元素中

Exportar
文件下载
Kml
Csv
自动恢复

我建议您稍微重新构造代码，以正确使用

输入组和引导网格。这两者不应合并。相当地您应该将
输入组
包装在
列-*-*
元素中



Exportar
文件下载
Kml
Csv
自动恢复
我以为col-12已经是这个意思了？那不应该是X-12列吗？这也没用你说的对col-xs-12，我改了。除此之外，也许你的屏幕太窄了，无法将两个元素放在一起？（在屏幕截图上，这似乎是可能发生的）嗯，你可能是对的，上面的例子是320，下面的例子是480，实际上两者都是XS对吗？是的，XS实际上是，你在使用Bootstrap4吗？xs在BS4中不再存在，而.col-适用于我以为col-12已经是这个意思了？那不应该是X-12列吗？这也没用你说的对col-xs-12，我改了。除此之外，也许你的屏幕太窄了，无法将两个元素放在一起？（在屏幕截图上，这似乎是可能发生的）嗯，你可能是对的，上面的例子是320，下面的例子是480，实际上两者都是XS对吗？是的，XS实际上是，你在使用Bootstrap4吗？xs在BS4中不再存在，并且.col-适用于您在尝试同时使用
input group
和
col-*-*
时可能会遇到冲突。尝试将您的组包装到网格中。@RobertC尝试过这样做，但没有任何改变，您能举例说明我应该如何做吗？您在尝试同时使用
input group
和
col-*-*
时可能会遇到冲突。尝试将您的组包装到网格中。@RobertC尝试过，但没有改变，您能举例说明我应该如何做吗？mb和md是什么？这些是特定于Bootstrap 4的类，并应用
边距底部
。第一个将其应用于最低断点，第二个将其调整到
md
及以上位置。如果您查看上面的代码，您将看到两个折叠的列之间有空格。。。这就是
mb-4mb-md-0所做的。mb和md-md是什么？它们是特定于引导程序4的类，并应用
margin-bottom
。第一个将其应用于最低断点，第二个将其调整到
md
及以上位置。如果您查看上面的代码，您将看到两个折叠的列之间有空格。。。这就是
mb-4mb-md-0所做的。
<div class="col-xs-12 col-md-8 col-12 text-center">