How to usefs-* classes for modifying font size in Bootstrap
Syntax:
<figcaption class="blockquote-footer text-success fs-1">
w3wiki
</figcaption>
Example: This example implements the above approach.
HTML
<!DOCTYPE html> < html > < head > <!-- Bootstrap CDN Link --> < link href = "https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel = "stylesheet" integrity = "sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin = "anonymous" > </ head > < body class = "m-3" > < center > < h2 class = "text-success" > w3wiki </ h2 > < h2 > How to modify blockquote line from Bootstrap 5? </ h2 > </ center > < br > < figure > <!-- Bootstrap 5 blockquote class used --> < blockquote class = "blockquote" > < p > A Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles. </ p > </ blockquote > < figcaption class="blockquote-footer text-success fs-1"> w3wiki </ figcaption > </ figure > </ body > </ html > |
Output:
How to modify blockquote line from Bootstrap 5?
In this article, we will learn How to modify a blockquote-footer like its width and color. Blockquotes are used to display long quotations (a section that is quoted from another source), It changes the alignment to make it unique from others.
Table of Content
- Using bootstrap color classes like text-*
- Using fs-* classes for modifying font size
- Using Inline CSS
Contact Us