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>

Navbar链接：

        <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-index添加到html页面中的navbar-nav，即

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

Answer 2

您可以在css文件中添加以下内容：

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