如何在 MD 及以下设备上应用 Bootstrap 的 "text-center"，而不是在更大的设备上？

Question

我有一个 div，我想应用 Bootstrap 的 text-center class，仅适用于 MD 及以下设备。

MD以上的任何设备，我不想申请text-center class.

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

Answer 1

如果您正在寻找 bootstrap 解决方案，请通过将“text-center”设置为默认值来使用 text-lg-left class .

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

JSFiddle

如何在 MD 及以下设备上应用 Bootstrap 的 "text-center"，而不是在更大的设备上？

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

css

client-side

reactjs

react-bootstrap

bootstrap-4