Does Bootstrap 4 work on Safari Browser in Windows?

六眼飞鱼酱① 提交于 2021-01-16 04:26:07

问题


I have created a website, which is working right on all the browsers but in Safari the layout is quite unstructured. What is the issue? IS the safari on the window does not support Bootstrap 4?


回答1:


Bootstrap 4 do not support safari for windows. it only supports safari on mac. you can also go through the browser support for bootstrap 4 here

https://getbootstrap.com/docs/4.3/getting-started/browsers-devices/




回答2:


No, Safari Browser version is very old for Windows, it does not support Bootstrap 4. Check your site on Mac Safari latest browser.




回答3:


Fixed bootstrap 4 css issues using custom css. So, I have fixed the following issues of bootstrap 4 in Safari browser of windows and all the Browsers used on Mac.

  1. Bootstrap 4 Navbar is not showing on Safari.
  2. Last Column of a single row is moving to the next row on Safari.

Use this custom style in your css file

@media (min-width: 768px){
    .navbar-nav{
        margin:0 auto;
        display: -webkit-inline-box;
    }
    .collapse:not(.show) {
        display:block;
    }
    .row{
       display: -webkit-inline-box; 
    }
}


来源:https://stackoverflow.com/questions/55037718/does-bootstrap-4-work-on-safari-browser-in-windows

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!