SORU
24 AĞUSTOS 2013, CUMARTESİ


Bootstrap 3 dikey konum merkezi kalıcı

Bu iki parçalı bir soru

  1. Nasıl kalıcı tam yüksekliği bilmiyorum kalıcı dikey olarak merkezi konumda mısın?

  2. Eğer kalıcı bir ekran yüksekliğini aşarsa tek kalıcı merkezli ve taşma var:kalıcı-vücut otomatik, ama olması mümkün mü?

Bu kullanarak denedim:

.modal-dialog {
  height: 80% !important;
  padding-top:10%;
}

.modal-content {
  height: 100% !important;
  overflow:visible;
}

.modal-body {
  height: 80%;
  overflow: auto;
}

Bu bana içeriği dikey ekran boyutu daha büyük olduğunda ihtiyacım var sonuç verir, ama küçük kalıcı içindekiler için oldukça kullanışsız.

CEVAP
6 AĞUSTOS 2014, ÇARŞAMBA


.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

Ve biraz ayarlayın .pencerenin üst sınır dışında, merkezi yerine görünür emin olmak için sınıf fade

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Kindness

    Kindness

    23 Ocak 2006
  • natescamp

    natescamp

    30 NİSAN 2009
  • RyanXLT

    RyanXLT

    22 Ocak 2011