html - Bootstrap 3 : text-align change at breakpoint?

Question

Bootstrap 3.x 中是否有内置的方法来设置/删除像“text-right”这样的类？

例如，我有一个列 <div class="col-md-6 text-right">但在 xs 尺寸下，我不希望应用文本权限。

我知道如何用我自己的类/媒体查询来做到这一点，但想知道是否有一些简单的内置东西。

Answer 1

这些在 Bootstrap 4 中可用:Text Alignment

<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>