<p class="text-left text-sm-right">Normalde yazı sağda sm ekranda yazı solda</p>
    <p class="text-left text-md-right">Normlede yazı sağda, md ekranda yazı solda</p>
    <p class="text-left text-lg-right">Normalde yazı sağda lg ekranda yazı solda</p>
    <p class="text-left text-xl-right">Normalde yazı sağda xl ekranda yazı solda</p>

Şu şekilde olayı çözdük.

Benim anlamadığım nokta

text-left text-md-right

kodda

ekran büyükse yazı solda olmalı, md ekran ve daha küçük ekranda sağa gelmeli.

Ama tam tersini yapıyor.

Yazı sağda oluyor md ekran ve daha küçüğüne gelince sola alıyor.