Html 引导列在移动设备上垂直堆叠

我有一个简单的引导网格布局。即使在小型设备上，我也不希望列垂直堆叠

<div class="container">
<div class="row">
  <div class="col-sm-4 col-xs-4 col-md-4">1</div>
  <div class="col-sm-4 col-xs-4 col-md-4">2</div>
  <div class="col-sm-4 col-xs-4 col-md-4">3</div>
</div>

1.
2.
3.

我不能完全理解这个问题，因为您发布的HTML完全符合您的要求：它从不为该行垂直堆叠列

---

你能澄清一下你想问什么吗？有关如何提出好问题的参考信息，请参阅。

由于您使用的是bootstrap4，而

-xs-

中缀不再使用，因此列垂直堆叠。只需使用

col-4

  <div class="container border-show center-div">
    <div class="row">
      <div class="col-4 border-show">1</div>
      <div class="col-4 border-show">2</div>
      <div class="col-4 border-show">3</div>
    </div>
  </div>

1.
2.
3.

---

它不应该垂直堆叠列，但它是。这是我不能理解的。这里有一个链接：你知道我可能做错了什么吗？你发布的示例没有垂直堆叠列。您的浏览器中是否有可能影响布局的内容和插件？当我使用手机访问时，这些内容是垂直堆叠的。我试过谷歌浏览器和火狐浏览器。我想我没有任何插件或插件。如果你有可以公开访问的地方，请发布链接。我试图在100*100px的屏幕上复制它，但它仍然没有堆叠。请编辑您的问题并发布完整的HTML以及您包含和/或编辑的任何其他CSS。如果您的系统这样做了，您指的到底是什么？