부트 스트랩 4 navbar 높이 문제

그래서이 프로젝트를 위해 부트 스트랩 4를 사용하기로 결정했지만 navbar는 다소 이상하게 작동합니다. 당신이 그것을 볼 수 있듯이, 그것은 전체적으로 많이 넓혀졌고, 누구는 그 문제가 무엇인지 압니까? 이 문제는 웹 사이트를 배포 할 때만 발생합니다.부트 스트랩 4 navbar 높이 문제

<nav class="navbar navbar-light bg-faded navbar-fixed-top"> 
 
    <button class="navbar-toggler hidden-md-up float-xs-right" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar2" aria-controls="exCollapsingNavbar2" aria-expanded="false" aria-label="Toggle navigation"> 
 
    &#9776; 
 
    </button> 
 
    <div class="collapse navbar-toggleable-sm" id="exCollapsingNavbar2"> 
 
    <a class="navbar-brand" href="/Home/">@ViewBag.Title</a> 
 
    <ul class="nav navbar-nav"> 
 
     <li class="nav-item active"> 
 
     <a class="btn navbar-btn" id="changeEmployeeBtn" href="/Home/ChangeEmployee/">Skift Medarbejder.</a> 
 
     </li> 
 
     <li class="nav-item hidden-sm-up"> 
 
     <br /> 
 
     </li> 
 
     <li class="nav-item"> 
 
     <a class="btn navbar-btn" href="" id="printBtn">Udskriv.</a> 
 
     </li> 
 
     <li class="nav-item hidden-sm-up"> 
 
     <hr /> 
 
     </li> 
 
     <li class="nav-item"> 
 
     <a class="navbar-text">Medarbejder: @HttpContext.Current.Request["EmployeeName"]</a> 
 
     </li> 
 
    </ul> 
 
    </div> 
 
</nav>