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 不喜欢你使用缩小版本的东西，所以切换到非缩小版本，它现在可以正常工作了。