Css 在桌面浏览器上隐藏按钮并仅在移动设备上显示

我有带按钮的引导标题导航栏。我想做的是添加一个按钮，这个按钮只在移动设备和小屏幕（手机/平板电脑）上可见

这是标题的结构

<header>
    <nav class="navbar navbar-default" role="navigation">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav" >
                <li><a href="">Button 1</a></li>
                <li><a href="">Button 2</a></li>
                <li><a href="">Button 3</a></li>
                <li><a href="">BUTTON 4</a></li>
            </ul>
        </div>
    </nav>
</header>

然后在css中添加

.not_visible {
    display: none;
}
@media  (max-width: 767px) {
    .header{
        text-align : center;
    }

    .not_visible {
        display: inline;
    }                                                                                                                          

   .nav{
        margin-top : 30px;
   }
}

---

但在每个屏幕分辨率上都是可见的。似乎

显示：无不起作用。
因为您正在使用引导，所以可以在它们上使用visible xs类：

<li class="visible-xs"><a href="">BUTTON 4</a></li>



现在，它将在xs设备中可见，并隐藏在其他设备中。
因为您使用的是引导，所以可以在这些设备上使用visible xs类：

<li class="visible-xs"><a href="">BUTTON 4</a></li>



现在，它将在xs设备中可见，并隐藏在其他设备中。
按钮4
这是最好的方法，但若你们不遵循引导，那个么你们可以简单地使用display:inline！重要的

由于页面上较低的css具有更高的优先级，在您的情况下，我认为存在一些层次结构问题

试试这个deisplay:inline！重要的
 按钮4
这是最好的方法，但若你们不遵循引导，那个么你们可以简单地使用display:inline！重要的

由于页面上较低的css具有更高的优先级，在您的情况下，我认为存在一些层次结构问题

试试这个deisplay:inline！重要的
 可能已经晚了，但由于我注意到您正在使用引导，您可以使用
.d-block.d-sm-none
作为类，使其仅在
xs-
小型设备上可见

可能已经晚了，但由于我注意到您正在使用引导，您可以使用
.d-block.d-sm-none
作为类，使其仅在
xs-
小型设备上可见

哦，那很容易。它正在工作。问一个问题，xs设备到底是什么？谢谢你的帮助。我会在10分钟内接受你的回答，当倒计时结束：）哦，那很容易。它正在工作。问一个问题，xs设备到底是什么？谢谢你的帮助。我会在10分钟后接受你的回答，当倒计时结束：）不是我。我只批准了一个版本，但没有看到标签。现在我再次移除了标签；）不是我。我只批准了一个版本，但没有看到标签。现在我再次移除了标签；）