Giriş yap
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.

pcmemo
318 gün önce

Çözümü budlum kendim cevaplayayım işe yarar belki.

https://www.codeply.com/go/raCutAGHre

pcmemo
318 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>

Nasıl akıllıca soru sorulur?
Daha hızlı ve kaliteli cevaplar almak için önce nasıl soru sorulacağını bilmeniz gerekir. Eğer bilmiyorsanız bu yazı serisini okuyun.

Cevap yaz