Twitter bootstrap 引导导航栏，折叠菜单的一行上有多个图标

我有一个导航栏，左侧有项目，右侧有几个图标（右侧有.navbar）。在大屏幕上查找，但当折叠时，每个图标在展开菜单中占据一行，我希望在小屏幕上的展开菜单中的同一行上显示三个图标，例如

---

在手机上，当您展开菜单时，三个图标中的每一个都占据一行，我希望它们位于同一行。每个图标都有不同的链接。

您可以添加一些CSS来覆盖小屏幕上的

.nav>li

显示：内联块

@media (max-width: 768px) {
   .nav>li {
      display: inline-block;
      padding-right: 0;
   }
}

---

我希望将其他导航项目（本例中的主页和问题）保留在单独的行中。

@media (max-width: 768px) {
   .nav>li {
      display: inline-block;
      padding-right: 0;
   }
}