html - Bootstrap 行垂直对齐

Question

谁能告诉我如何在 bootstrap 中垂直对齐行？

<div class="container">
    <div class="row">
        <br>
        <div class="col-sm-6">
            <div class="carousel-content centered">
                <h1 class="animation animated-item-1" style="color:black">Dream Banking</h1>
                <h3 class="animation animated-item-2" style="color:black">Beneficiati de toate avantajele Dream Banking chiar acum !!!</h3>

            </div>
        </div>
        <div class="col-sm-6 hidden-xs animation animated-item-4">
            <div class="centered">
                <div class="jumbotron">
                    <p>Bun venit pe site-ul Dream Banking. Acesta este un site pentru oricine doreste sa-si gestioneze veniturile intr-un mod cat mai eficient. Aici veti putea beneficia de o serie de ustensile cu care va veti gestiona cat mai bine posibil proprii bani. Totodata, veti putea transfera bani din contul personal catre oricare alt cont logat pe acest site. Pentru inceput tot ceea ce trebuie sa faceti este sa va creati un cont pe acest site accesand butonul de login din partea dreapta a ecranului, ulterior pe butonul Don't have an account!.</p>
                </div>
            </div>
        </div>
    </div>
</div>

这是我的行，我想垂直对齐这些列，因为我使用全屏轮播，我想垂直对齐 :)。我希望有人能帮助我。干杯!

Answer 1

如果需要对齐“容器”中的“行”:

我会向“cointainer”div 添加另一个类:

.flex-container {
  width: 500px;
  height: 500px;
  background: green;
  display: flex;
  flex-direction: column;
  align-items: center; //horizontal align
  justify-content: center; //vertical align
}

代码笔:flex-cointainer