Question

我有两个简单的blockquote HTML元素。我添加了Bootstrap blackquote类，并期望更大的字体与行。但是，字体会变大，但线条根本不显示。

我使用blockquote元素的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版本的blockquote类。当我从Beta更改为Alpha版本时，这些线条立即出现。然而，Bootstrap 4 Beta 3没有显示这些线条。我是做错了什么还是在Beta版本中从blackquote类中删除了这些行？

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>

查看我的codepen。

Answer 2

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

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

Blockquote类不会在Bootstrap 4 Beta 3中显示行

2 个答案: