Выравниваем модальные окна Bootstrap по центру.


Если вы пользовались фраймворком bootstrap, то вы знаете что модальные окна всплывают на самом верху. В некоторых случаях нам это не нужно, или попросту это не красиво смотрится.
В этой статье я покажу один из самых простых способов решить эту проблему.

CSS

.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;
}

Вот и всё, такой вот маленький и полезный лайфfuck для bootstrap  smiley скачать dle 11.1смотреть фильмы бесплатно


bootstrap css dle snippets

Внимание!

Ознакомьтесь со статьёй по ссылке ниже.

Сайт мошенников
Информация