我已經嘗試解決這個問題有一段時間了。當談到 Bootstrap 時，我有點菜鳥，所以請允許我回答一個可能簡單的問題。我正在嘗試使用 bootstrap 4 創建一個導航欄，大部分菜單項位于左側，但登錄按鈕位于右側。我想出了一些迂回的方法（這可能是錯誤的），但是每當我在手機或平板電腦視圖中查看頁面時，當單擊漢堡菜單圖標時，菜單的“登錄”項不會出現。它出現到一定程度（認為大約為 760 像素），然后就從視圖中消失。這是到目前為止的標記，如有任何幫助，我們將不勝感激。        <a class="navbar-brand" href="#"><img src="imgs/branding/nerve logo_small.png" width="50" height="50" alt=""></a>            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">            <span class="navbar-toggler-icon"></span>            </button>        <div class="collapse navbar-collapse" id="navbarNav">            <ul class="navbar-nav">              <li class="nav-item active">                <a class="nav-link" href="index.php">Home <span class="sr-only">(current)</span></a>              </li>              <li class="nav-item">                <a class="nav-link" href="#">Features</a>              </li>              <li class="nav-item">                <a class="nav-link" href="#">Placeholder 1</a>              </li>              <li class="nav-item">                <a class="nav-link" href="#">Placeholder 2</a>              </li>              <li class="nav-item">                <a class="nav-link" href="#">Placeholder 3</a>              </li>              <li class="nav-item">                <a class="nav-link" href="#">Placeholder 4</a>              </li>            </ul>             </div>           <ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">                 <li class="nav-item text-right">                    <a class="nav-link " href="#">Login</a>                </li>            </ul>        </nav>