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?