问题
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.
- Bootstrap 4 Navbar is not showing on Safari.
- 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