How to apply Bootstrap's "text-center" on MD devices and below , and not on larger devices?

Question

I have a div that I want to apply Bootstrap's text-center class , only on MD devices and below.

Any device above MD , I don't want to apply text-center class.

<p className='text-capitalize text-center'>
                    Copyright &copy; Tech Store {new Date().getFullYear()} 
                    All Rights Reserved!
</p>

Answer 1

If you are looking for a bootstrap solution, Use text-lg-left class by setting 'text-center` as default.

  <p className='text-capitalize text-center text-lg-left'>
            Copyright &copy; Tech Store {new Date().getFullYear()} 
             All Rights Reserved!
  </p>

JSFiddle