BootStrap 5 Reboot Inline elements

Last Updated : 29 Nov, 2022

BootStrap 5 Reboot Inline elements are used to put some elements abbreviations or short forms of an element that receive basic styling to make it different than other text.

Reboot Inline elements Tag used: By using <abbr> Tag we can use the styling to make it look different from paragraph text.

Reboot Inline elements Class used: There is no predefined class to do the Reboot inline elements.

Syntax:

<abbr title="">
    ...
</abbr>

Example 1: In this example, we will create a simple abbr tag element.

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 Inline Elements 
          </strong> 
    </center> 
    <abbr title="GeeksforGeeks"> 
          GfG 
      </abbr> 
        A Computer Science Portal for Geeks 
</body> 
  
</html>

Output:

BootStrap5 Reboot Inline elements

Example 2: In this example, we will create a colored abbr tag element.

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 Inline Elements 
          </strong> 
    </center> 
    <abbr title="GeeksforGeeks" 
          class="text-success"> 
          GfG 
      </abbr> 
        A Computer Science Portal for Geeks 
</body> 
  
</html>