Question

在Bootstrap-4中替换Bootstrap-3的blockquote-reverse类是什么。我用谷歌搜索，但找不到解决方法。

Answer 1

Bootstrap 4.x删除了这样的类名，以支持其新的实用程序类。搜索blockquote-reverse

时会在他们的migration documentation中指出这一点

重新设计的块引用，将其样式从<blockquote> 单个类.blockquote的元素。掉了 .blockquote-reverse修改器，用于文本实用程序。

新的文本实用程序类提供了对内容组织方式的更细粒度控制-但出于复制.blockquote-reverse的目的，您只需要应用text-right。

Bootstrap 4.x Text Utility Class Documentation

Answer 2

在版本4中，他们将blockquote-reverse替换为blockquote text-right

尝试此代码示例，

<blockquote class="blockquote text-right">
  <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
  <footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer>
</blockquote>

Answer 3

您必须使用 class="pull-right" 将所有内容（包括关联线）拉到右侧。 class="text-right" 只对齐文本而不是与块引用关联的灰线。

Bootstrap-4中的blockquote-reverse

3 个答案: