Bootstrap 3 hidden-xs在safari os x中不起作用

Question

以下代码适用于除OS X Safari（最新版本）之外的所有浏览器，无论屏幕大小如何，都会隐藏联系信息内容。当屏幕尺寸为767像素或更小时，联系信息应该隐藏。为什么safari会在不应该隐藏内容时隐藏内容？如何解决？

我正在使用带有儿童主题的colorlib闪闪发光的主题。主题使用bootstrap 3。

<div class="container">
            <div class="row">
                <div class="logo col-sm-4">
                    <div class="navbar-header">
                        <button type="button" class="btn navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>

                        <div id="logo">
                            logo here
                        </div><!-- end of #logo -->


                                                </div>
                    </div>
                <div class="site-navigation-inner col-sm-8">
                    <div class=" hidden-xs contact-info">
                        <p>contact info here</p>
                        <hr class="hr" />
                        <p>&nbsp;</p>
                        </div>

                        <div class="collapse navbar-collapse navbar-ex1-collapse"> menu here</div>                      

                        </div>
                    </div>
            </div>