时间戳

首页 > 解决方案 > 如何使用引导程序创建标头

html - 如何使用引导程序创建标头

问题描述

我是一名 React Native 开发人员，我需要一个项目的帮助。目标是从移动设备中导出 PDF 文件。问题是我不是网络开发人员，文件必须是 HTML 格式。设计看起来像所附的照片。如何使用 Bootstrap 完成此任务？

很抱歉没有任何示例代码。我不是网络开发人员。任何帮助表示赞赏。

在此处输入图像描述

标签： htmlbootstrap-4

解决方案

为此，您可以查看Bootstrap 4 Navbar 文档。对于您的用例，您可能需要这样的东西：

包括引导 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>

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

预习

推荐阅读