如何使用 html js 和 bootstrap 编辑标题答案

【问题标题】：how to edit header using html js and bootstrap如何使用 html js 和 bootstrap 编辑标题
【发布时间】：2021-01-02 06:40:52
【问题描述】：

我需要做与这个相同的标题： Final result I am looking for

这是我的初始代码：

<!DOCTYPE html>
<html lang="en">

<head>
  <title>Site web </title>
  <style type="text/css">
    body {
      margin: 0;
      padding: 0;
    }
  </style>
  <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" />
</head>

<body>
  <div class="row">
    <div class="col-md-12 col-xl-12">
      <img src="plante.png" style="width:30px" />
      <div>Les jardins du lys </div>
      <div style="text-align: center">
        ACCUEIL • CREATION DE JARDIN • ENTRETIEN DE JARDIN • CONTACT
      </div>
      <div>

      </div>
    </div>
  </div>
</body>

</html>

如果您知道如何编辑此页面，请告知

【问题讨论】：

标签： javascript html css bootstrap-4

【解决方案1】：

为了达到你的目标，你必须改变很多事情。您应该看的第一件事可能是看一下您所瞄准的最终结果的代码。只需转到最终结果标题所在的站点，然后打开开发人员工具并查看代码。并尝试了解哪个部分用于哪个部分。首先，您需要构建一个功能齐全的页面 - 例如，您的菜单项是纯文本，这意味着，当单击它们时，不会发生任何事情。例如，您必须将它们转换为链接。当一切正常后，您可以从 CSS 样式开始。

祝你好运！

【讨论】：