Blockquote class doesn't show lines in Bootstr

2019-07-16 12:51发布

问题:

I have two simple blockquote HTML elements. I added Bootstrap blackquote class and expected bigger font with lines. However, the fonts become bigger but the lines don't appear at all.

HTML section where I use the blockquote elements.

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

I tried blockquote classes with different Bootstrap releases. The lines immediately appeared when I changed from Beta to Alpha release. Bootstrap 4 Beta 3 doesn't, however, show the lines. Am I doing something wrong or have the lines been dropped from the blackquote class in the Beta releases?

回答1:

Do you mean this?

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

Check out my codepen.