时间戳

首页 > 解决方案 > 引导行中的垂直对齐

html - 引导行中的垂直对齐

问题描述

我需要将此行放在页面中间，我尝试了各种引导类，但它们似乎都不起作用，我的代码

@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>

网站

标签： htmlcssbootstrap-4

解决方案

推荐阅读