Twitter bootstrap 引导col-xs-6（两列）始终堆叠。不会在iPhone SE上并排布局

我希望这两个图像在iPhone SE（320px X 568px）上显示时并排显示，但是图像总是堆叠在一起

这是HTML

<div class="container-fluid">
  <div class="row">
    <div class="col-xs-6">
        <img src="/assets/img/appointment/wp.jpg">
    </div>
    <div class="col-xs-6">
        <img src="/assets/img/appointment/sp.jpg">
    </div>
  </div>
</div>

---

我缺少什么？

在引导程序4中删除了所有的col-xs类，您应该用col-6替换col-xs-6

---

您可以在这里看到bootstrap

为了达到预期的效果，请使用bootstrap 4的padding类来删除堆积图像的额外填充

代码笔-

---

有几件事不对：

1）引导程序4上的列xs-*类已被仅

列-*

类取代

2）如果您希望图像能够很好地安装在容器上（在本例中为

col-*

类），则需要在图像上使用class

img fluid

检查下一个示例：

---

Youu。。。啊。。。myy 1号，guuuyy

.col-xs-6 img {
    max-width: 40%;
}

<div class="container-fluid  pl-0 pr-0">