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

  • bombjack2991

    bombjack2991

    29 HAZİRAN 2008
  • Elefant Traks

    Elefant Trak

    5 HAZİRAN 2007
  • YEAH1TV

    YEAH1TV

    19 ŞUBAT 2009