Center ali

p_manager@oksoft.ru pro asked 7 years ago

Hello!I used Intro, and in IE i have a problem. This block  in Internet Explorer on monitor 768+ aligned right. How can i fix it?

<!--Grid column--><div class="col-md-12 mb-4 white-text mr-auto text-center "><h1 class="h1-reponsive white-text text-uppercase font-weight-bold mb-0 pt-md-5 pt-5 center-block wow fadeInDown animated" data-wow-delay="0.3s" style="visibility: visible; animation-name: fadeInDown; animation-delay: 0.3s;"><strong>.................</strong></h1><hr class="hr-light my-4 wow fadeInDown animated" data-wow-delay="0.4s" style="visibility: visible; animation-name: fadeInDown; animation-delay: 0.4s;"><h5 class="text-uppercase mb-4 center-block white-text wow fadeInDown animated" data-wow-delay="0.4s" style="visibility: visible; animation-name: fadeInDown; animation-delay: 0.4s;"><strong>................</strong></h5><div style="text-align: center;"><a class="btn btn-outline-white text-center wow fadeInDown waves-effect waves-light animated" data-wow-delay="0.4s" onclick="javascript: ShowWebForm(2);" style="text-align: center; visibility: visible; animation-name: fadeInDown; animation-delay: 0.4s;">...................</a></div></div><!--Grid column-->

Marta Szymanska staff pro premium answered 7 years ago

Hi,

Unfortunately, IE doesn't fully support flexbox which Bootstrap uses and we also use in our intro section. Here you have an explanation: https://stackoverflow.com/questions/43979702/display-flex-not-working-on-internet-explorer/43979973.

Best,

Marta


p_manager@oksoft.ru pro commented 7 years ago

Thanks Marta!

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: Yes
  • Provided link: No