Bootstrap 4 可以在 Windows 的 Safari 浏览器上运行吗？答案

【问题标题】：Does Bootstrap 4 work on Safari Browser in Windows?Bootstrap 4 可以在 Windows 的 Safari 浏览器上运行吗？
【发布时间】：2019-03-07 06:53:25
【问题描述】：

我创建了一个网站，该网站在 Windows 上的所有浏览器上都可以正常运行，但在 Safari 中，布局非常非结构化。问题是什么？ Windows 上的 safari 是否不支持 Bootstrap 4？

【问题讨论】：

请浏览浏览器对 bootstrap4 getbootstrap.com/docs/4.3/getting-started/browsers-devices 的支持。请检查您使用的 Safari 版本。
Apple 不再支持 Windows 版 Safari。确保你真的想要支持它，因为现在很少有人使用它。
试试这个：stackoverflow.com/a/65234112/7186739

标签： bootstrap-4

【解决方案1】：

Bootstrap 4 不支持 Windows 的 safari。它只支持 mac 上的 safari。您还可以在此处查看浏览器对 bootstrap 4 的支持

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

【讨论】：

实际上只有少数属性不支持Safari。但是我已经使用我的自定义样式修复了所有与 Safari 浏览器相关的问题。请看：stackoverflow.com/a/65234112/7186739

【解决方案2】：

不，Safari 浏览器版本对于 Windows 来说太旧了，它不支持 Bootstrap 4。在 Mac Safari 最新浏览器上检查您的网站。

【讨论】：

你试过我的解决方案了吗？它在我身边工作。

【解决方案3】：

已修复：Safari 浏览器中的 Bootstrap 4 问题

我已经修复了windows的Safari浏览器和Mac上使用的所有浏览器中bootstrap 4的以下问题。

Bootstrap 4 导航栏未在 Safari 上显示。
单行的最后一列在 Safari 上移动到下一行。

在您自己的 css 文件中使用此自定义样式

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

【讨论】：