15 replies

How to center content in a container?

Hi, I have h1 and P that I want to place in the middle of a container by using Bootstrap but I wasn't able to do so.
I gave the

col

col

"margin: 0 auto" and that centered it to the top but I need the content in the middle. How can I do it?

<div class="container-fluid union">
    <div class="row align-items-center">
        <div class="col-6 align-items-center">
            <h1>
                ESCO
            </h1>
            <p>
                We belong to ESCO, an independent European organization that brings together companies and universities
                from the public and private sectors. The goal of this organization is to build and develop the European
                cybersecurity ecosystem.
            </p>
        </div>
    </div>
</div>

<div class="container-fluid union">
    <div class="row align-items-center">
        <div class="col-6 align-items-center">
            <h1>
                ESCO
            </h1>
            <p>
                We belong to ESCO, an independent European organization that brings together companies and universities
                from the public and private sectors. The goal of this organization is to build and develop the European
                cybersecurity ecosystem.
            </p>
        </div>
    </div>
</div>

KP-C

Kevin Powell - Community•3y ago•

15 replies

SoPH

How to center content in a container?

Hi, I have h1 and P that I want to place in the middle of a container by using Bootstrap but I wasn't able to do so.
I gave the

col

col

"margin: 0 auto" and that centered it to the top but I need the content in the middle. How can I do it?

<div class="container-fluid union">
    <div class="row align-items-center">
        <div class="col-6 align-items-center">
            <h1>
                ESCO
            </h1>
            <p>
                We belong to ESCO, an independent European organization that brings together companies and universities
                from the public and private sectors. The goal of this organization is to build and develop the European
                cybersecurity ecosystem.
            </p>
        </div>
    </div>
</div>

<div class="container-fluid union">
    <div class="row align-items-center">
        <div class="col-6 align-items-center">
            <h1>
                ESCO
            </h1>
            <p>
                We belong to ESCO, an independent European organization that brings together companies and universities
                from the public and private sectors. The goal of this organization is to build and develop the European
                cybersecurity ecosystem.
            </p>
        </div>
    </div>
</div>

How to center content in a container?

Similar Threads

How to center content in a container?

Similar Threads

Similar Threads

Similar Threads