如何在菜单折叠中隐藏 div答案

【问题标题】：How to hide a div in Menu Collapse如何在菜单折叠中隐藏 div
【发布时间】：2015-05-31 18:32:33
【问题描述】：

我终于得到了适用于 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>

【问题讨论】：

代替hide-mobile和show-mobile试试hidden-xs和visible-xs
谢谢。解决了它:)我不能接受你的答案作为正确的解决方案。
酷，我会提交它作为答案然后:)

标签： angularjs angular-ui angular-ui-bootstrap angularjs-bootstrap

【解决方案1】：

用hide-mobile 和show-mobile 代替hidden-xs 和visible-xs

【讨论】：