Is there a workflow to replace the bootstrap 4 my-auto class in ie10-11?

Question

css

Hello! I noticed that the my-auto bootstrap 4 vertical centering class does not work in ie10 and ie11, although everything else works. The condition is also not fulfilled. Is there a solution?

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

Answer 1

Pavel thanks! This option worked. The article helped

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

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

Answer 2

Google css hack ie 10
One of the options:

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

Answer 3

https://github.com/philipwalton/flexbugs#flexbug-15 . Use on the element or on its parent
instead . You can use the helper classes already in Bootstrap 4: .align -self-center or .align-items-center . margin: autoalign-self: centeralign-items: center