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

  • alexis gillis

    alexis gilli

    23 HAZİRAN 2011
  • ASUS Campus Life

    ASUS Campus

    18 Mart 2013
  • DetroitBORG

    DetroitBORG

    29 Temmuz 2008