Html 隐藏中屏幕或大屏幕的行div

我有一个网站，需要一个替代的XS屏幕主页。我已经成功地隐藏了XS屏幕上的控件，但我正在努力让控件显示在XS屏幕上。 我在chrome调试器（f12）上看不到任何关于可见性的内容，但可能是我声明用于显示和隐藏列的引导参数的顺序

以下简化代码不会显示在XS屏幕上。救命啊

    <div class="row row-top col-xs-12 visible-xs hidden-md hidden-lg">              
                  <a  href="/home.html">test</a>
    </div>

---

对不起，我知道了-我需要两个div，一个用于行类，另一个用于列类。我的错

    <div class="row row-top hidden-md hidden-lg">   
        <div class="col-xs-12">
                  <a class="navbar-brand" href="/home.html">M.F.O'Hare & Associates</a>
        </div>
    </div>