Html 折叠菜单中的单行社交图标

我有个问题，我解决不了。如何在折叠菜单中显示一行社交图标？我在css文件中添加了下面的代码，但没有任何更改？有什么想法吗？提前谢谢

.navbar右键li{
显示：内联块；
}

您只需将引导程序类名d-inline-flex-row添加到ul标签上，其中包含类导航栏导航栏，您的社交图标如下：

<ul class="nav navbar-nav navbar-right d-inline-flex flex-row">
    <li><a href="https://www.facebook.com/" target="_blank" class="nav-link"><i class="fa fa-facebook fa-lg"></i></a></li>
    <li><a href="https://www.instagram.com/" target="_blank" class="nav-link"><i class="fa fa-instagram fa-lg"></i></a></li>
    <li><a href="https://twitter.com/" target="_blank" class="nav-link"><i class="fa fa-twitter fa-lg"></i></a></li></ul>

---

我会在你的css课上做这个

.navbar右键li{
显示器：flex；
弯曲方向：行；
}

我应用了Shayan Moghadam说的话。谢谢你的帮助。

 .navbar-right {
   display: inline-flex;
   flex-direction : row;
 }