在Bootstrap 4中正确使用nav-item类

时间:2018-03-24 19:38:45

标签: css bootstrap-4

使用文档中的示例,我注意到当我检查导航栏时,.nav-item实际上没有做任何事情(例如,类没有显示在控制台中)... < / p>

这不是一件大事,因为我可以在那个班级写自己的风格。我只是好奇为什么它在那里?它应该(或曾经做过)做某事吗?

1 个答案:

答案 0 :(得分:0)

查看bootstrap网站上的导航文档。你上面所说的关于nav-item的内容大多是正确的。大多数情况下,引导程序不使用nav-item类。但是在某些导航示例中使用它:

  • Tabs使用nav-item使用margin-bottom: -1px
  • 降低列表中的项目
  • Fill使用nav-item确保每个项目都填充宽度

使用nav-item类允许开发人员在引导系统中快速切换不同类型的导航,同时仅更改<ul>上的包装类。当您生成导航时,这变得更加强大,您现在只需要在一个位置更改导航类型。