Bootstrap 3:断点处的文本对齐更改？

Question

Bootstrap 3.x中是否有内置方式来设置/删除类似"text-right"的类？

例如,我有一个列<div class="col-md-6 text-right">但是在xs大小我不希望文本权限适用.

我知道如何使用我自己的类/媒体查询来做这件事,但想知道是否有一些简单的内置.

Answer 1

这些在Bootstrap 4：文本对齐中可用

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>

<div class="text-center">
  <p class="text-left">Left aligned text on all viewport sizes.</p>
  <p class="text-center">Center aligned text on all viewport sizes.</p>
  <p class="text-right">Right aligned text on all viewport sizes.</p>

  <p class="text-sm-left">Left aligned text on viewports sized SM (small) or wider.</p>
  <p class="text-md-left">Left aligned text on viewports sized MD (medium) or wider.</p>
  <p class="text-lg-left">Left aligned text on viewports sized LG (large) or wider.</p>
  <p class="text-xl-left">Left aligned text on viewports sized XL (extra-large) or wider.</p>
</div>