Vertical Align in a bootstrap row

Question

I need to put this row in the middle of the page, i've tried various bootstrap classes but none of them seems to work, my code

@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

<body>
    <div class="container">
        <div class="text-center">
            <h1 class="display-4">Bem-Vindo</h1>
            <h3>Como funciona?</h3>
        </div>

        <div class="row">
            <div class="col-md-4">
                <h3>Crie uma Conta</h3>
                <p>Identifique seu tipo de usuário, se é Freelancer ou Empregador.</p>
            </div>

            <div class="col-md-4">
                <h3>Publique um Trabalho ou Envie uma Oferta</h3>
                <p>Dependendo da conta criada, você tem a possibilidade de publicar trabalhos ou enviar ofertas.</p>
            </div>

            <div class="col-md-4">
                <h3>Contrate ou Seja Contratado</h3>
                <p>Ao aceitar uma oferta de trabalho, a plataforma gera um contrato entre as duas partes, que pode ser concluído ou cancelado, com base no trabalho prestado.</p>
            </div>
        </div>
    </div>
</body>

The site

Vertical Align in a bootstrap row

0 Answers0