Bootstrap ile ilgili bir soru

Arkadaşlar merhaba, bootstrap ile ilgili sanırım bir sorunum var.

 <p class="text-left">Yazı solda</p>
    <p class="text-center">Yazı ortada</p>
    <p class="text-right">Yazı sağda</p>

böyle yazınca problem yok.

Fakat

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

Bu kodu yazdığımda normalde tüm ekranlarda yazı sağda olmalı.

text-sm-left yazdığımda küçük ekranda solda olmalı.
text-md-left yazdığımda orta ekranda solda olmalı.
text-lg-left büyük ekranda solda olmalı.
text-xl-left xl ekranda solda olmalı.

Fakat bende ekran küçüldükçe yazıları sağ kısma alıyor.

Sadece
Şu kodda solda olması gerekmiyor mu?

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

Ekranım 13.3 inc

Sebebi ne olabilir? Nerde hata yapıyorum?

Arkadaşlar merhaba, bootstrap ile ilgili sanırım bir sorunum var.

 <p class="text-left">Yazı solda</p>
    <p class="text-center">Yazı ortada</p>
    <p class="text-right">Yazı sağda</p>

böyle yazınca problem yok.

Fakat

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

Bu kodu yazdığımda normalde tüm ekranlarda yazı sağda olmalı.

text-sm-left yazdığımda küçük ekranda solda olmalı.
text-md-left yazdığımda orta ekranda solda olmalı.
text-lg-left büyük ekranda solda olmalı.
text-xl-left xl ekranda solda olmalı.

Fakat bende ekran küçüldükçe yazıları sağ kısma alıyor.

Sadece
Şu kodda solda olması gerekmiyor mu?

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

Ekranım 13.3 inc

Sebebi ne olabilir? Nerde hata yapıyorum?

hocam anladığım kadarıyla sm ekran da min-width olarak işliyor yani 680px den büyükse sağda küçükse tekrar solda şeklinde

    <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.