2017-07-14 90 views
0

即时通讯使用Bootstrap 4,由于某些原因滚动到div功能只适用于手机/小屏幕尺寸。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> 

回答

1

navbar-brand类重叠navbar-nav。所以Z-指数添加到您的navbar-nav html页面,例如

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

它的工作!谢谢。 – Emanuel

+0

很高兴帮助。接受答案。 – Dark

0

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

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