Bootstrap 4导航栏高度问题

Question

所以我决定在这个项目中使用bootstrap 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>

Answer 1

好的，所以我明白了。

显然，当你使用缩小版本的东西时，IIS并不喜欢，所以切换到非缩小版并且它现在可以正常工作。