Twitter bootstrap 不同设备的不同导航栏顺序

我想反向订购移动设备中的导航栏。为此，我定义了2个

div

s：一个用于xs设备，另一个用于小型设备。但是，当前代码不起作用。我做错了什么

  <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-my-collapse">
                        <i class="fa fa-bars"></i>
                    </button>
                    <a class="navbar-brand page-scroll" href="#page-top">
                        <i class="fa fa-user-md"></i>
                    </a>
                </div>

<!-- sm-up devices devices -->                
                <div class="collapse navbar-collapse navbar-right navbar-my-collapse hidden-sm-up">
                    <ul class="nav navbar-nav navbar-right">
                        <li class="hidden">
                            <a href="#page-top"></a>
                        </li>

                        <li>
                            <a class="page-scroll" href="#contact">Item1</a>
                        </li>
                        <li>
                            <a class="page-scroll" href="#download">Item2</a>
                        </li>

                    </ul>
                </div>

<!-- xs devices -->                
                <div class="collapse navbar-collapse navbar-right navbar-main-collapse hidden-xs">
                    <ul class="nav navbar-nav navbar-right">
                        <li class="hidden">
                            <a href="#page-top"></a>
                        </li>

                        <li>
                            <a class="page-scroll" href="#contact">Item2</a>
                        </li>
                        <li>
                            <a class="page-scroll" href="#download">Item1</a>
                        </li>

                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container -->
        </nav>

---

目前，它适用于xs设备，但对于其他尺寸的设备，我看到了两个导航条

在sm折叠上，您需要类

.hidden xs

，而在xs折叠上，您需要类

.visible xs block

---

这样，sm折叠将隐藏在xs设备上，而xs折叠将仅在xs设备上渲染。

删除所有

折叠导航栏折叠导航栏右
类。
还包括所有
隐藏sm隐藏md隐藏lg隐藏xl
类到您的
导航栏我的折叠
div，看看它是否有效
谢谢@Daniel，但我不这么认为。。情况变得更糟了。现在，它们在xs设备上都是可见的，而且它们在小型设备上仍然是可见的devices@TOWI_Parallelism嗯，真奇怪。我可以看到当前代码的一部分吗？是否包含移动视口的元标记？另外，请查看上的文档。我有
。我用
hiddem sm hidden md hidden lg
尝试了
navbar my collapse
div。它在小型设备上仍然可见@TOWI_并行性
.navbar custom
、
.navbar my-collapse
和
.navbar-main-collapse
表示什么？除了颜色之外什么都没有<代码>导航栏主折叠
按预期工作。问题在于
隐藏的sm
不起作用。