Bootstrap 4 引导列正在堆叠，它们应该水平对齐

我的图像有三个col-4s，这应该使它们都能排成一行，但由于某些原因，它们会堆叠起来。我试图隐藏md显示下面的内容，但是.d-block似乎破坏了行布局

代码：

    <div class="row d-none d-md-block">

        <div class="col-4">
            <img class="img-fluid" src="images/website images/userResearch1.jpg" alt="User Research Qualitative Notes"/>
        </div>

        <div class="col-4">
            <img class="img-fluid" src="images/website images/userResearch2.jpg" alt="User Research Qualitative Notes"/>
        </div>

        <div class="col-4">
            <img class="img-fluid" src="images/website images/userResearch3.jpg" alt="User Research Qualitative Notes"/>
        </div> 
    </div>

移除

d-块

。它覆盖了引导

.row

上的正常

显示：flex

。如果您想相应地隐藏/显示，请使用

行d-none d-md-flex

向该行添加一个flex

<div class="row d-none d-md-block d-md-flex">

    <div class="col-4">
        <img class="img-fluid" src="images/website images/userResearch1.jpg" alt="User Research Qualitative Notes"/>
    </div>

    <div class="col-4">
        <img class="img-fluid" src="images/website images/userResearch2.jpg" alt="User Research Qualitative Notes"/>
    </div>

    <div class="col-4">
        <img class="img-fluid" src="images/website images/userResearch3.jpg" alt="User Research Qualitative Notes"/>
    </div> 
</div>

---

值得注意的是，如果没有对flex的md说明，图像将以md下的格式显示，但如何在md+上显示？显示什么？你的意思是你想在

md

和上面有不同的布局吗？请编辑并澄清问题。澄清：我试图隐藏md显示下面的内容，但and.block似乎是“show”功能，因此我添加了我希望在块完成后进行flexed，并且它成功了