Jquery 在引导导航菜单中将用户图标向右移动

我正在使用引导创建一个导航菜单。我无法将用户图标（具有登录和注册为下拉菜单项）移到右侧，并在汉堡菜单出现时保持在右侧，因为视口大小变小

如果有人能告诉我如何做到这一点，我将不胜感激。HTML代码可以在下面的链接中找到。很抱歉，无法在这里粘贴代码，因为我没有足够的点数粘贴2个以上的链接

谢谢， Dan

添加

.user-img {
    float:right
}

---

对CSS可能有帮助

我假设您熟悉在

@media screen

中为CSS添加断点，如果不熟悉，它基本上是一个声明，说明

宽度

东西应该在您的屏幕上开始移动，因为在这种情况下，用户img需要从左到右，在浏览器窗口的特定宽度处：

/* when window is smaller than 500px, the icon will move from left to right */

@media screen and (max-width: 500px) { 
        .user-img {
           width: 45px;
           float: right;
         }
}

您可以设置您想要的任何

max width

，以确定用户img何时应切换到另一侧。希望这有帮助

编辑： 据我所见，您的文档设置已经处理了断点。所以你需要添加的就是

float:right到您的
。用户img
类

.user-img {
 width: 45px;
 float: right;
}

我意识到我的回答有点过于笼统，在编辑的过程中，当菜单是汉堡包时，用户图标向右移动，尽管当视口变小时它偶尔会切换。我可以接受。谢谢如何让用户图标始终保持在右侧。我在线添加了css，新的html代码在这里：只需移动
，使其位于
的正上方，如果有帮助，请不要忘记将我的答案标记为正确！嗨，克拉什托，非常感谢你抽出时间。我试过了。见第页的示例。现在，当汉堡包菜单出现时，菜单变得太高，即使汉堡包菜单和用户图标在同一行上都有空间。有什么建议吗？丹特汉克斯，克拉什托。在您的输入和另一个名为Ehsan的人的输入之间，我能够修复它。我找不到Ehsan的答案，所以无法感谢他。我将用户图标代码拉到导航栏标题之外。我在用户图标菜单的下拉列表中添加了“class=pull right”，还减少了菜单选项，以避免菜单项和用户图标之间出现中断。我已经达到了我想要的结果。谢谢你和Ehsan。您可以在上看到最终代码。太好了，很高兴它有帮助！