Почему нечего печатать, когда я использую Bootstrap?

Question

Я новичок в 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>

Но когда я нажимаю Ctrl + P в Chrome или Firefox для печати, они ничего не показывают в предварительном просмотре, также, когда я печатаю его в PDF, страница также пуста. Я использую Bootstrap 4.3.1

Я хочу создать простую страницу и распечатать ее в PDF! Вот и все, но пока у меня только пустая страница. Что не так или что я должен сделать, чтобы выполнить задачу?

Последняя цель - это PDF-файл, содержащий все навигационную панель и ссылки, и он должен работать.

Answer 1

Я не знаю, почему именно некоторые библиотеки и функции не выглядят так, как должно быть, когда вы хотите напечатать файл HTML. Мне нужно было сделать в прошлом то, что вы пытаетесь сделать, и я нашел этот сайтhttps://pdfcrowd.com. Я сохранил ваш код в своем блокноте и загрузил этот веб-сайт, чтобы увидеть, как он выглядит и как PDF, который кажется ниже идеального, как вы хотите. Надеюсь, это поможет