BootStrap 5 Reboot Blockquote

Last Updated : 29 Nov, 2022

BootStrap 5 Reboot Blockquote is used to remove the default margin of the HTML blockquote tag element. It is used to display quotations. The default margin on blockquote is 1em 40px which is changed to 0 0 1rem

BootStrap5 Reboot Blockquote Tag used: The Blockquote tag <blockquote> is used to put the text in blockquote.

BootStrap5 Reboot Blockquote Class used: There is no predefined class to do the Reboot Blockquote.

Syntax:

<blockquote>
    ...
</blockquote>

Example 1: In this example, we will put a paragraph inside of the blockquote tag with the cite attribute.

HTML

<!DOCTYPE html> 
<html> 
  
<head> 
    <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> 
        <h1 class="text-success"> 
            GeeksforGeeks 
        </h1> 
        <strong>BootStrap5 Reboot Blockquote</strong> 
    </center> 
    <blockquote cite="https://www.geeksforgeeks.org/html-tutorials/"> 
        HTML stands for HyperText Markup Language. It 
        is used to design web pages using a markup language. 
        HTML is the combination of Hypertext and Markup language. 
        Hypertext defines the link between the web pages. A 
        markup language is used to define the text document within 
        tag which defines the structure of web pages. 
    </blockquote> 
</body> 
  
</html>

Output:

BootStrap5 Reboot Blockquote

Example 2: In this example, we will put a sentence inside of the blockquote tag with the cite attribute.

HTML

<!DOCTYPE html> 
<html> 
  
<head> 
    <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> 
        <h1 class="text-success"> 
            GeeksforGeeks 
        </h1> 
        <strong>BootStrap 5 Reboot Blockquote</strong> 
    </center> 
    <blockquote cite="www.geeksforgeeks.org"> 
        GeeksforGeeks:A computer science portal for geeks 
    </blockquote> 
</body> 
  
</html>