块引用类在引导程序 4 Beta 3 中不显示行

Question

我有两个简单的块引用HTML元素。我添加了 Bootstrap 黑引号类，并期望更大的字体和线条。但是，字体变大，但线条根本不显示。

HTML 部分，我在其中使用块引用元素。

<section>
        <blockquote class="blockquote">
            Text for the blockquote. Text for the blockquote.
            Text for the blockquote. Text for the blockquote.
            Text for the blockquote. Text for the blockquote.
            Text for the blockquote. Text for the blockquote.
            Text for the blockquote. Text for the blockquote.
            Text for the blockquote. Text for the blockquote.
        </blockquote>
        <blockquote class="blockquote">
            Text for the blockquote. Text for the blockquote.
            Text for the blockquote. Text for the blockquote.
            Text for the blockquote. Text for the blockquote.
            Text for the blockquote. Text for the blockquote.
            Text for the blockquote. Text for the blockquote.
            Text for the blockquote. Text for the blockquote.
        </blockquote>
    </section>

我尝试了使用不同 Bootstrap 版本的块引用类。当我从 Beta 版更改为 Alpha 版时，这些行立即出现。但是，Bootstrap 4 Beta 3 没有显示这些行。我做错了什么还是在 Beta 版本中从黑引号类中删除了这些行？

Answer 1

你是这个意思吗？

<section>
  <blockquote class="blockquote text-center">
    <p class="mb-0"> Text for the blockquote. Text for the blockquote.</p>
    <footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer>
  </blockquote> 
</section>

看看我的代码笔。

Answer 2

确保引导 css 正确链接到您的 html。

  <!-- Required meta tags -->
<meta charset="utf-8">