Ekranın merkezinde bootstrap card
Merhaba, gerek login gerekse bazı bilgilendirme mesajlarının bir (bootstrap) card içinde ekranın tam ortasına basmak istiyorum.
yatay olarak tamam ama card'ın boyutları içeriğine göre ne kadar dikey olarak ne kadar uzarsa uzasın kendini flex olarak ortada tutsun istiyorum.
Şimdiden teşekkürler.
html,body{
height: 100%;
}
<div class="container h-100">
<div class="row h-100 justify-content-center align-items-center">
<form class="col-6">
<div class="card"><div class="my-2 mx-2">
<div class="form-group">
<label for="formGroupExampleInput">Example label</label>
<input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input">
</div>
<div class="form-group">
<label for="formGroupExampleInput2">Another label</label>
<input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Another input">
</div>
<div class="form-group">
<label for="formGroupExampleInput2">Another label</label>
<input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Another input">
</div>
<div class="form-group">
<label for="formGroupExampleInput2">Another label</label>
<input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Another input">
</div>
</div>
</div>
</form>
</div>
</div>