Question

Bootstrap 3.x中是否有内置方式来设置/删除类似＆＃34; text-right＆＃34;？

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

我知道如何使用我自己的类/媒体查询来执行此操作，但想知道是否内置了一些简单的内容。

Answer 1

不。这已被提出几次（例如https://github.com/twbs/bootstrap/issues/11292，https://github.com/twbs/bootstrap/pull/9408），但到目前为止已被拒绝。但是，对于Bootstrap的CSS / Sass / Less附加库来说，它非常适合。

Answer 2

这些可在Bootstrap 4中使用：Text Alignment

＆＃13;

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

＆＃13;

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

2 个答案: