在引导程序导航菜单中将用户图标移到右侧

Question

我正在使用Bootstrap创建导航菜单。我无法将用户图标（具有登录并注册为下拉菜单项）移动到右侧，并且当汉堡包菜单出现时视口尺寸变小时，将向右移动。

如果有人能告诉我如何实现这一目标，我将不胜感激。 HTML代码可以在下面的链接中找到。抱歉，无法粘贴代码，因为我没有足够的积分来粘贴2个以上的链接。

https://www.findtaxpro.com/content/img/menufix.html

谢谢， 丹

Answer 1

我认为你很熟悉在@media screen中为你的css添加断点，如果没有，它基本上是一个关于应该在屏幕上开始移动的精确width内容的声明，就像在这种情况下，user-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 .user-img应该切换的一面。希望这会有所帮助。

修改 从我所看到的，您的文档设置已经处理了断点。因此，您需要为float: right;课程添加.user-img。

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