edit: https://codepen.io/bedoso/pen/yLzGdMO

anladım alt alta dizildiklerinde yer değiştimek istiyorsunuz ters şekilde şöyle bir şey deneyebilirsiniz yukarıda ki col-6 nın aynısından col-12 nin altına kopyalayıp col-12 altında ki kapsayıcıya d-block d-md-none üstte ki orijinal col-6 nın kapsayıcısına da d-none d-md-block verdiğinizde masaüstüne üstte ki mobilde altta ki görünecektir bu şekilde ters bir şekilde altına düşecektir sanırım bu çözüyor

    <div class="row">
        <div class="col-6">
            <div class="d-none bg-dark text-white d-md-block">bolum 1</div>
        </div>
        <div class="col-12">
            <div class="bg-dark text-white">
                bolum 2
            </div>
        </div>
        <div class="col-6">
            <div class="bg-dark text-white d-block d-md-none">
                bolum 1
            </div>
        </div>
    </div>