Bootstrap 4滾動到div

Question

即時通訊使用Bootstrap 4，由於某些原因滾動到div功能只適用於手機/小屏幕尺寸。

Javascript代碼：

<script> 
    $(".navbar-nav li a").click(function(event) { 
     if (!$(this).parent().hasClass('dropdown')) 
      $(".navbar-collapse").collapse('hide'); 
    }); </script> 

導航欄鏈接：

 <li class="nav-item"> 
      <a class="nav-link" href="#about-us"><button type="button" class="btn btn-green">About</button></a> 
     </li> 

事業部：

<div class="about" id="about-us"> 
    <div class="container"> 
     test 
    </div> 
    </div> 

Answer 1

navbar-brand類重疊navbar-nav。所以Z-指數添加到您的navbar-nav html頁面，例如

<ul class="navbar-nav ml-auto" style="z-index:1;"> 

Answer 2

您可以添加以下到你的CSS文件：

.navbar-brand.mx-auto { 
    width: 216px; 
    right: 0; 
    left: 0; 
}