Jquery 如何在标题栏中添加图标和选项？

我在我的网页上使用简单的空白标题。我如何在右侧对齐的标题中添加图标，如图中所示？我阅读了StackOverflow上的所有线程，但都没有用，请提供一个简单的脚本来帮助我完成此任务。。谢谢大家!

#header_container {
background: #232F3E ;
color:#fff;
border:1px solid #232F3E;
height:auto;
left:0;
position:fixed;
width:100%;
top:0;
}

#header {
height:42px;
line-height:42px;
margin:0 auto;
width:auto;
font-weight:bold;
text-align:left;
}

---

你想要的是这样的东西吗

使用字体图标和flexbox创建右对齐的导航栏

字体真棒：

flexbox：

$'navButton'。单击函数{ $'.subNav'.slideToggle'slow'，函数{}； }; .导航{ 位置：绝对位置； 排名：0； 左：0； 右：0； 列表样式类型：无； 显示：-网络工具包盒； 显示器：-moz盒； 显示：-ms flexbox； 显示：-webkit flex； 显示器：flex； 证明内容：柔性端； 背景色：5d80ba； 高度：40px； z指数：50； } 李先生{ 显示：内联flex； 弯曲方向：行； } .李娜{ 填充：10px； 光标：指针； 证明内容：之间的空间； } .导航李a：悬停{ 颜色：dddddd； 背景色：334ba1； } .subNav{ 显示：无； 位置：固定； 顶部：40px； 右：0； 宽度：100px； 背景色：8f80ba； z指数：40； 列表样式类型：无； } 李素娜先生{ 显示：内联块； 宽度：45px； 填充顶部：10px； 垫底：10px； } .李亚娜：悬停{ 光标：指针； }

---

你能发布这个的HTML吗？试试像Not view这样的图标工具包。。谢谢您的回答，先生，您是否曾访问过sitepoint.com/community？在移动模式下，所有选项都以2-3显示，但在桌面模式下，选项会变得很多，如何显示。我们如何在fa图标链接中添加与图像中相同的下拉列表？请帮我……阅读一下我会考虑使用BooTrac，谢谢你的回答。这很好，工作也很出色。我投赞成票。但当我们在移动设备上的浏览器显示相同的3个按钮ibb.co/ePsKyn时，你们能帮我们吗。当它在桌面上像这样显示时。对于手机外观，我使用@media screen和max width:420px，我无法添加符合屏幕要求的响应性徽标。请帮助您的代码下拉列表，它打开得非常慢而不是很快，或者像sitepoint.com/community一样，当我们单击下拉列表正文时，它也会自动关闭。当我们点击身体的另一点时，它必须关闭，并快速打开。我接近我的梦想，我不知道。最后一次请帮忙。