基金会4顶杆导航不显示 我在小屏幕上有一个基础4渲染的问题。 当在本地服务器上使用以下html代码时，我的自定义css和cutom js都会被打开。所有需要的库都加载正确，正如基础库：

为什么我的顶栏不显示在一个非常小的浏览器窗口中？

下面是一个html片段：

<div class="row show-for-touch show-for-portrait show-for-small">
    <nav class="top-bar">
        <ul class="title-area">
            <li class="name">
                <h1><a href="index.php">title</a></h1>
            </li>
            <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
        </ul>

        <section class="top-bar-section">
            <ul class="right">
                <li><h4><a href="#" class="navlink" id="dungeonmobile">Dungeon</a></h4></li>
                <li><h4><a href="#" class="navlink"id="pricinginformationmobile">Pricing information</a></h4></li>
                <li><h4><a href="#" class="navlink" id="contactmobile">Contact</a></h4></li>
            </ul>
        </section>
    </nav>
</div>

如果添加此可见性类：show for touch，您将无法在小型浏览器中看到您的工具栏，该类仅在真实的移动环境中显示

如果希望在小型浏览器上查看，只需删除此类：

<div class="row show-for-portrait show-for-small">