带有多列的bootstrap中的折叠菜单

Question

我正在尝试为折叠模式下的多列支持自定义引导标准导航栏，我想要平板电脑版本中的3列和智能手机中的普通1列。

解决方案的任何想法或链接？我是新手，无法搞清楚这一点。

Answer 1

@media (max-width: 991px){
.navbar-nav>li {
    float: left;
    width: 50%;
}
}

试试这个css代码

Answer 2

谢谢@Juan Coder！

这几乎就是我所需要的。为了让它对我来说完美无缺，我还必须添加这条规则：

  .navbar-nav {
    width: 100%;
  }

Answer 3

结合Juan Juan和Allan Rasmussen的答案，这是一个更完整的答案：

52px

您还可以将媒体查询更改为任意大小：

Bootstrap 3

Bootstrap 4