Есть ли рабочая схема замены класса bootstrap 4 my-auto в ie10-11?

Question

[ligisayan]

Всем привет! Заметил, что класс вертикального центрирования my-auto bootstrap 4 не работает в ie10 и ie11, хотя в остальном все отрабатывает. Условие тоже не отрабатывае. Есть ли способ решения?

<!--[if lte IE 11]> 
	.my-auto {
	  margin-top:100px !important;
	}
	<![endif]-->

Answer 1

[ligisayan]

Павел спасибо! Вот этот вариант Сработал. Статья помогла

/* Internet Explorer 10+, Microsoft Edge Browser */

_:-ms-lang(x),   .my-auto {
   margin-top:100px !important;
  }

Answer 2

[Павел]

Гуглите css hack ie 10
Один из вариантов:

@supports (-ms-ime-align:auto) {
    .my-auto {
                               margin-top:100px !important;
                              }
}

Answer 3

[Сергей]

https://github.com/philipwalton/flexbugs#flexbug-15.
Вместо margin: auto используйте на элементе align-self: center или на его родителе align-items: center. Можно воспользоваться вспомогательными классами, которые уже есть в Bootstrap 4: .align-self-center или .align-items-center.