CODEWITHSUNDEEP
bootstrap-4
Feridun Akpinar
Feridun Akpinar

Reputation: 93

Blockquote class doesn't show lines in Bootstrap 4 Beta 3

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?

Upvotes: 4

Views: 3136

Answers (2)

Rudulph Val Nario
Rudulph Val Nario

Reputation: 23

Make sure the bootstrap css was properly link to your html.

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

Upvotes: 0

Codewife_101
Codewife_101

Reputation: 387

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.

Upvotes: 3

Related Questions