Bootstrap 4导航栏高度问题

Question

所以我决定在这个项目中使用bootstrap 4，但导航栏表现得相当不可思议。正如你可以看到它扩大了很多，任何人都知道问题是什么？此问题仅在我部署网站时出现。请参见下面的代码（见下面的代码导航栏）：

<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>

Answer 1

好了，所以我理解了它。

显然IIS不像当你使用缩小版本的东西，所以切换到非缩小，现在完美的工作。