导航按钮可见性

Question

我试图隐藏导航栏按钮，如果屏幕大于991px（991是因为引导程序）

我可以visibility: hidden用来隐藏它，但是当我试图使其可见时，它是行不通的。

<div class="lathatosag">

    <button type="button" id="sidebarCollapse" class="btn btn-info">

        <i class="fas fa-align-left"></i>

        <span>Hirdetés kereső</span>

    </button>

</div>

CSS：

.lathatosag{

    visibility: hidden;

}

@media(max-width:991px){

    .lathatosag{

        visibility: visible;

    }

}

Answer 1

如果希望在大于991px的较大设备上显示，则需要将媒体查询更改为：@media(min-width:992px){&nbsp; &nbsp; .lathatosag{&nbsp; &nbsp; &nbsp; &nbsp; visibility: visible;&nbsp; &nbsp; }}