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

  • Edge-CGI 3D Tutorials and more!

    Edge-CGI 3D

    11 HAZİRAN 2013
  • FlippinWindows | #1 Windows Tutorial Channel!

    FlippinWindo

    23 Mayıs 2010
  • funbro1

    funbro1

    11 Aralık 2007