Does Bootstrap 4 work on Safari Browser in Windows?

Question

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

Answer 1

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

Answer 2

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

Answer 3

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/