Bootstrap 4 为什么我使用引导时没有打印内容？

我对Bootstrap还不熟悉，我刚开始用它构建一些导航栏！代码是这样的

      <nav class="navbar navbar-expand-md navbar-light bg-light">
      <a class="navbar-brand" href="#">ASiDesigner</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

      <div class="collapse navbar-collapse" id="navbarTogglerDemo01">

      <ul class="navbar-nav ml-auto">
          <a class="nav-link" href="#">Home </a>
          <a class="nav-link" href="#">Contacts</a>
          <form class="form-inline my-2 my-lg-0">
              <input class="form-control mr-sm-2" type="search" placeholder="Search">
              <button class="btn btn-outline-primary my-2 my-sm-0" type="submit">Search</button>
            </form>
      </ul>
    </div>
    </nav>

搜索

但当我在chrome或Firefox中按Ctrl+p打印时，打印预览中什么也不显示，当我打印到PDF时，页面也是空白的，我使用的是Bootstrap 4.3.1

我想设计一个简单的页面，并打印成PDF格式！就这些，但到目前为止我只得到了一张空白页。有什么问题，或者我应该做什么来完成任务

---

最终目标是一个包含所有导航栏和链接的PDF，它应该可以正常工作。

我不知道为什么当您想要打印HTML文件时，某些库和函数似乎不符合要求。我需要在过去做您尝试做的事情，我找到了这个网站。我将您的代码保存在记事本中，并上载了这个网站以查看它看起来是怎样的，PDF格式似乎不如你所希望的那么完美。我希望它能有所帮助

---

您必须从引导更改打印样式（或不包括打印样式）。引导的默认样式是不打印导航谢谢，我刚刚在Bootstarp@media print{}中评论了这一部分，但仍然没有锁定！我只是清空它！