0

我终于得到了适用于 Bootstrap Angular UI 的折叠菜单。但是我仍然不知道如何隐藏“hide-mobile”类的 div 并在移动视图中显示“show-mobile”类。

目前，它显示了两者。我应该为此使用@media 查询还是有更好的方法来隐藏 hide-mobile div？

    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
            <div class="navbar-header">
                    <button type="button" class="navbar-toggle" ng-init="navCollapsed = false" ng-click="navbarCollapsed = !navbarCollapsed">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                    </button>
                    <div class="hide-mobile">
                        <a class="navbar-brand" href="#">
                            Web-LOGO
                        </a>
                    </div>
                    <div class="Show-mobile">
                        <a class="navbar-brand" href="#">
                            Mobile-LOGO
                        </a>
                    </div>
            </div>

            <div class="collapse navbar-collapse" collapse="navbarCollapsed">
                    Awesome Mobile Links
            </div>
    </nav>
4

1 回答 1

0

而不是hide-mobileand show-mobiletry hidden-xsandvisible-xs

于 2015-05-31T10:32:33.900 回答