Css XS显示器上的内联下拉菜单问题

请您查看并告诉我如何将下拉列表样式更改为仅在

Xs

显示器上显示的

List inline

：

现在，标准引导提供的是这样的：

但我需要用一句话来表达他们的不满

您能告诉我如何仅在手机大小的显示器（xs）上执行此操作吗

---

谢谢

给列表项一个类，如

。社交图标

<li class="social-icon"><a href="#"><i class="fa fa-facebook"></i></a></li>
<li class="social-icon"><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li class="social-icon"><a href="#"><i class="fa fa-twitter"></i></a></li>

---

太好了，谢谢施马尔齐，

.navbar-nav .social-icon,
.navbar-nav .social-icon > a {
    display: inline-block;
}