Menu 引导4菜单

我试图用bootstrap 4制作一个两行菜单，我在网上找到了一些例子：

在第一个示例中，他们使用div class='navbar'创建菜单

<div class="navbar">...</div>

<nav class="navbar">...</nav>

在第二个示例中，他们使用nav class='navbar'创建菜单

<div class="navbar">...</div>

<nav class="navbar">...</nav>

哪种方法正确？应该使用哪一种

我还有一个问题。为什么他们不将引导网格用于行和列？你应该什么时候使用它

---

非常感谢

就功能而言，Div和nav是类似的元素。但是，在这种情况下，nav更好，因为您希望有语义标记。这是因为SEO和更可读的开发人员

他们之所以不使用网格，可能是因为他们还没有实现网格，而且应该马上实现。他们的网格系统目前是用flex完成的，但应该改变。CSS网格在IE11上也没有那么好用

---

当您觉得构建站点更容易时，应该使用网格。这是一个很棒的工具，将它与Flex结合起来非常简单和舒适

区别在于div没有意义，而nav元素有语义意义，表示存在导航。您可以从网站中删除每个div和span，并且对页面的语义结构没有任何差异，其他每个元素都有一个含义：例如，声明有主要内容，这里是网站的标题部分

例如，这些部分告诉搜索引擎站点上有什么。因此，如果您的元素中某处有文本Stackoverflow，google和其他搜索引擎就会知道您的导航中有一个Stackoverflow链接。如果您的标签中有它，您可能会有一个关于stackoverflow的文本

请记住：以下是一些简化的示例

html5导航标签具有语义含义

请按照下面的说明。网格行>列不应在导航栏中使用，因为它不是。在导航栏内使用栅格将通过偏离对齐、间距和由导航栏控制的响应行为扩展-*类。我是您发布的Codeply的两个Navbar示例的作者