时间戳

首页 > 解决方案 > 引导程序 4 菜单

menu - 引导程序 4 菜单

问题描述

我正在尝试使用 bootstrap 4 制作一个两行菜单，我在网上找到了一些示例：

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

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

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

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

哪个是正确的方法？应该使用哪一个？

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

非常感谢

标签： menubootstrap-4navbar

解决方案

Div 和 nav 是相似的元素，就它们的作用而言。但是，在这种情况下，nav 更好，因为您想要有语义标记。这是因为 SEO 并且对开发人员来说更具可读性。

他们为什么不使用网格可能是因为他们还没有实现它，应该会来。他们的网格系统目前是用 flex 完成的，但应该改变。并且 CSS Grid 在 IE11 上效果不佳。

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

推荐阅读