Bootstrap 4 引导映像在行中对齐

我试图让我的图像与引导并排。我尝试过不同的网格大小和其他一些东西，但我似乎无法让它们停止相互重叠。以下是相关章节的代码

<!-- CS Section Starts -->

<div class="cs">
    <h2 id="cs">CS</h2>
    <!-- CS Images -->
    <div class="cs-images">
        <div id="container">
            <div id="row">
                <div id="col-md-4">
                    <img src="https://www.kidscodecs.com/wp-content/uploads/2014/09/notebook-teach-python.jpg" alt="" class="img-responsive" width = 150vw>
                </div>
                <div id="col-md-4">
                    <img src="https://cdn2.hubspot.net/hubfs/202339/golang.png" class="img-responsive" />
                </div>
                <div id="col-md-4">
                    <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/66/Red-black_tree_example.svg/500px-Red-black_tree_example.svg.png"
        class="img-responsive" />
                </div>
            </div>
        </div>
    </div>

反恐精英

注意：我是HTML新手。我这里可能有相当数量的新手错误

我将附上下面的输出图像

---

你好，我修好了你的密码

<div class="row">
    <div class="col-sm-4">
        <img src="https://www.kidscodecs.com/wp-content/uploads/2014/09/notebook-teach-python.jpg" alt="" class="img-responsive" width = 150vw>
    </div>
    <div class="col-sm-4">
        <img src="https://cdn2.hubspot.net/hubfs/202339/golang.png" class="img-responsive" />
    </div>
    <div class="col-sm-4">
        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/66/Red-black_tree_example.svg/500px-Red-black_tree_example.svg.png"
        class="img-responsive" />
    </div>
</div>

---

您应该使用（col sm）而不是（col md），并使用div class属性而不是div id。非常感谢！天才！