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

  • Best Quality Cartoons

    Best Quality

    10 ŞUBAT 2014
  • kourtneyannmakeup

    kourtneyannm

    19 ŞUBAT 2012
  • undrmyumbrellaa

    undrmyumbrel

    25 Temmuz 2012