如何使用html js和bootstrap编辑标头

如何解决如何使用html js和bootstrap编辑标头

我需要做与此标题相同的标题： 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>

如果您有任何想法如何编辑此页面

解决方法

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

祝你好运！