Html 如何使用引导创建标头_Html_Bootstrap 4

Html 如何使用引导创建标头

html bootstrap-4

Html 如何使用引导创建标头,html,bootstrap-4,Html,Bootstrap 4,我是一个本地开发人员，我需要一个项目的帮助。目标是从手机中导出PDF文件。问题是我不是一个web开发人员，文件必须是HTML格式的。该设计看起来像所附的照片。如何使用引导实现这一点很抱歉没有任何示例代码。我不是一个网络开发者。感谢您的帮助为此，您可以查看适用于您的用例的，您可能需要以下内容：包括引导CSS <head> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.

我是一个本地开发人员，我需要一个项目的帮助。目标是从手机中导出PDF文件。问题是我不是一个web开发人员，文件必须是HTML格式的。该设计看起来像所附的照片。如何使用引导实现这一点

很抱歉没有任何示例代码。我不是一个网络开发者。感谢您的帮助

为此，您可以查看适用于您的用例的，您可能需要以下内容：

包括引导CSS

<head>
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>

使用屏幕截图中的3个元素创建一个“导航栏”

<body>
  <nav class="navbar navbar-expand-lg bg-light">
    <span class="navbar-brand mb-0 h1">Symptoms - Tom Jones</span>
    <a class="navbar-brand mx-auto">
      <img src="logo.svg" width="30" height="30" alt="">
    </a>
    <span class="navbar-brand mb-0 h1">Jan. 1, 2020 - Jan. 2, 2020</span>
  </nav>
</body>


症状-汤姆·琼斯
2020年1月1日至2020年1月2日

这是使用Bootstrap徽标获得的预览（显然，您可以自己切换）：