Bootstrap 5 Reboot Address

Last Updated : 18 Nov, 2022

Bootstrap 5 Reboot is a collection of element-specific CSS that changes in a single file, kickstart Bootstrap provides an elegant, consistent, and simple baseline to build upon.

Reboot Address element is used to change the font-style from italic to the normal text. It inherits the line-height property and set the margin-bottom property to 1rem. The <address> element is used to represent the contact information to the nearest ancestor. It preserve the formatting of the element by ending the line.

Reboot Address used Tag:

  • <address>: This tag is used to add the contact information of a person or an organization. 
 

Syntax:

<address>
    Content...
</address>

Example 1: In this example, we will learn about Reboot address.

HTML 
<!DOCTYPE html>
<html>

<head>
    <title>
        BootStrap5 Reboot Address
    </title>

    <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">
        <h1 class="text-success">
            GeeksforGeeks
        </h1>

        <h3>Reboot Address</h3>

        <address>
            <Strong>GeeksforGeeks</Strong> <br>
            A-143, 9th Floor, Sovereign Corporate Tower,<br>
            Sector- 136, Noida, Uttar Pradesh (201305)<br>
            +91-7838223507 (Course related Queries)<br>
        </address>
    </div>
</body>

</html>

Output:

 

Example 2: In this example, we will learn to use <abbr> along with the <address> element.

HTML 
<!DOCTYPE html>
<html>

<head>
    <title>
        BootStrap5 Reboot Address
    </title>

    <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">
        <h1 class="text-success">
            GeeksforGeeks
        </h1>

        <h3>Reboot Address</h3>

        <address>
            <Strong>
                <abbr title="www.geeksforgeeks.org">
                    GeeksforGeeks
                </abbr>
            </Strong> <br>
            A-143, 9th Floor, Sovereign Corporate Tower,<br>
            Sector- 136, Noida, Uttar Pradesh (201305)<br>
            +91-7838223507 (Course related Queries)<br>
        </address>
    </div>
</body>

</html>

Output:

 

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

Comment

Explore