html - 由于引导卡，html 上不需要的空间

Question

每当我添加如下所示的引导卡时，我总是在网页右侧获得不需要的额外空间：图像问题，我正在尝试将所有内容都放在这些部分中，有人知道如何删除这些空间吗？谢谢你！

        <section id="section" class="container-fluid" style="background-color: steelblue;">
        <h1 id="bulletin">Bulletin Board</h1><br>
        <hr id="bulletin-divider">
        <div class="row row-cols-1 row-cols-md-3">
            <div class="col mb-4">
                <div class="card h-100" id="cards">
                    <img src="..." class="card-img-top" alt="art preview">
                    <div class="card-body">
                        <h5 class="card-title">dasddsa</h5>
                        <hr>
                        <p class="card-text">ART DETAILS</p>
                    </div>
                    <div class="card-footer">
                        <small class="text-muted">Last updated 3 mins ago</small>
                    </div>
                </div>
            </div>
            <div class="col mb-4">
                <div class="card h-100">
                    <img src="..." class="card-img-top" alt="art preview">
                    <div class="card-body">
                        <h5 class="card-title">dasddsa</h5>
                        <hr>
                        <p class="card-text">ART DETAILS</p>
                    </div>
                    <div class="card-footer">
                        <small class="text-muted">Last updated 3 mins ago</small>
                    </div>
                </div>
            </div>
        </div>
    </section>

标签： htmlcssbootstrap-4frontendbootstrap-cards