Bootstrap 4滚动到div答案

【问题标题】：Bootstrap 4 scroll to divBootstrap 4滚动到div
【发布时间】：2017-07-14 05:55:38
【问题描述】：

我正在使用 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>

【问题讨论】：

标签： javascript css bootstrap-4

【解决方案1】：

navbar-brand 类与navbar-nav 重叠。因此，将z-index 添加到您的html 页面中的navbar-nav，即

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

【讨论】：

【解决方案2】：

您可以将以下内容添加到您的 css 文件中：

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

【讨论】：