Bootstrap 5 Reboot Variables

Last Updated : 4 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 &nbsp;<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 &nbsp;
            <var>a</var> = <var>b</var> + <var>c</var>
        </p>
    </div>
</body>

</html>

Output:

 

Reference: https://getbootstrap.com/docs/5.0/content/reboot/#variables

Comment

Explore