align text left on mobile and center on big display in bootstrap 4 code example

Example: lowercase bootstrap class

<p class="text-lowercase">Lowercased text.</p>
<p class="text-uppercase">Uppercased text.</p>
<p class="text-capitalize">CapiTaliZed text.</p>