Bootstrap 5 Reboot Variables

Last Updated : 04 Jan, 2023

Bootstrap5 Reboot Variables facilitates the <var> tag that is used to indicate the variables.

Syntax:

<var> Variable name </var>

Example 1: This example describes the basic usage of the Bootstrap 5 Reboot Variables by implementing the <var> tag.

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> 
    <div class="container text-center"> 
        <h1 class="text-success"> 
            GeeksforGeeks 
        </h1> 
        <h2>Bootstrap 5 Reboot Variables</h2> 
        <p>I am Normal Alphabet : a </p> 
        <p>I am Variable  <var>a</var></p> 
    </div> 
</body> 
  
</html>

Output:

Example 2: In this example, we will make a linear equation using <var> in Bootstrap 5.

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> 
    <div class="container text-center"> 
        <h1 class="text-success"> 
            GeeksforGeeks 
        </h1> 
        <h2>Bootstrap 5 Reboot Variables</h2> 
        <p>I am Normal Equation : a = b+c</p> 
  
        <p> 
            I am Equation using Reboot Variable   
            <var>a</var> = <var>b</var> + <var>c</var> 
        </p> 
    </div> 
</body> 
  
</html>