html - 在移动屏幕中水平显示 navbar-nav

Question

下面的代码在普通桌面 View 中水平显示。但是，在手机屏幕上，它是垂直显示的。

    <ul class="nav navbar-nav">
            <li>Link 1</li>
            <li>Link 2</li>
    </ul>

WebView :链接1 链接2

移动 View :

链接 1

链接 2

我想水平显示移动 View 。试图找到正确的 css，但在花费数小时后找不到它。有人能给我指出正确的方向吗？

Answer 1

Bootstrap 4

用 nav 和 navbar-expand 类包装你的代码就可以了。

 <nav class="navbar navbar-expand navbar-light">
    <ul class="nav navbar-nav">
            <li class="nav-item pl-2">Link 1</li>
            <li class="nav-item pl-2">Link 2</li>
    </ul>
 </nav>