如何创建一个 CSS 导航栏？

Question

我正在使用 Django 来处理我的模板。从图片中我试图解释我想要在网页中的内容。为方便起见，我给出了图片中块的编号。我在一个 .html 文件中创建了块 3、4、5、6 和 7。

我实际上希望 navbar1 和 navbar2 显示在我项目的每个页面中，这就是为什么我必须为每个页面创建一个单独的 .html 文件。问题是我无法在一个 html 文件中应用两个导航栏。我也尝试使用侧边栏（用于 navbar2），但遇到了一些问题。

1. 侧边栏上的下拉按钮不起作用，并且，
2. 当我重新加载页面时，边栏的菜单会先显示，然后边栏会覆盖菜单，然后才能正常显示。

请向我建议如何在一个 html 文件中设计 navbar1 和 navbar2 的页面。

Answer 1

创建一个所有其他模板继承/扩展的base.html 模板应该可以解决问题。这是一篇关于如何完成此任务的网站帖子：https://tutorial.djangogirls.org/en/template_extending/