bootstrap5 分三欄都有等距gap問題???
希望每個col都有相同的gap,(margin)都有背景色隔開
在row 使用gap-2,又換行
若col-md-3,col-md-4,col-md-4,那container那沒滿版
若想每個col都有相同gap間距怎麼寫比較好????

div class="container">
div class="row">
div class="col-12 col-md-4 bg-secondary">
h1> 天天開心
/div>

        <div class="col-12 col-md-4 bg-primary">
            <div class="row  ">
                <div class="col-md-6 bg-danger">
                    <h1> 笑口常開</h1>
                </div>
                <div class="col-md-6 bg-warning">
                    <h1> 笑口常開</h1>
                </div>
            </div>
            <div class="row  ">
                <div class="col-md-6 bg-success">
                    <h1> 笑口常開</h1>
                </div>
                <div class="col-md-6 bg-info">
                    <h1> 笑口常開</h1>
                </div>
            </div>
        </div>

        <div class="col-12 col-md-4 bg-primary">
            <div class="row  ">
                <div class="col-md-6 bg-danger">
                    <h1> 笑口常開</h1>
                </div>
                <div class="col-md-6 bg-warning">
                    <h1> 笑口常開</h1>
                </div>
            </div>
            <div class="row  ">
                <div class="col-md-6 bg-success">
                    <h1> 笑口常開</h1>
                </div>
                <div class="col-md-6 bg-info">
                    <h1> 笑口常開</h1>
                </div>
            </div>
        </div>

    </div>
</div>