有人能告诉我如何在引导程序中垂直对齐行吗?
<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>
这是我的行,我想垂直对齐那些cols,因为我使用全屏旋转木马,我想成为对齐:)。我希望有人可以帮助我。 干杯!
答案 0 :(得分:0)
如果您需要在“容器”中对齐“行”:
我将另一个类添加到“ 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
}
Codepen:flex-cointainer