v2.5.2
Giriş yap

Ekranın merkezinde bootstrap card

pcmemo
941 defa görüntülendi ve 3 kişi tarafından değerlendirildi

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.

pcmemo
1869 gün önce
    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>