Css 如何浮动右菜单标题

我的靴子

我需要我的菜单项（汽车、房子、街道、船）与我的徽标（用于桌面尺寸）浮动在同一高度，其他所有项目保持当前状态（包括移动切换菜单行为）

这有可能实现吗

此处使用的CSS将在bootstrap.CSS之后应用*/ /*****菜单*****/ .navbar default.navbar nav>.active>a、.navbar default.navbar nav>.active>a:focus、.navbar default.navbar nav>.active>a:hover{ 颜色：#fff； } .菜单容器{ 背景色：#fff； 边框底部：1px实心#000； 最小高度：20px； 位置：相对位置； } .导航栏导航a:悬停{ 颜色：#000； } .导航栏导航a:链接{ 字体大小：12px； 字体系列：《世纪教科书》； 颜色：#000； 文字装饰：上划线； 文字装饰颜色：#A10000； } .名牌{ 文字装饰：无； } .品牌img{ 最大宽度：137px； 填充：8px； /*位置：绝对位置*/ 左：0； } 保险商实验室{ 列表样式类型：无； } .navbar表单输入、.form内联输入{ 宽度：自动； } #导航词缀{ 位置：固定； 排名：0； 宽度：100%； z指数：10； } #侧边栏。粘贴到顶部{ 位置：静态； } #侧边栏{ 位置：固定； 顶部：80px； } .navbar默认值.navbar nav>li>a{ 颜色：#000； 字体系列：“Luzans Book”； 字体大小：14px； } .navbar默认值.navbar导航>li>a:悬停{ 背景色：#A10000； 颜色：#000； 利润上限：4倍； 利润底部：4倍； } .navbar默认值.navbar nav>.active>a{ 背景色：#000； 利润上限：4倍； 利润底部：4倍； } .navbar定制社交网站{ 高度：15px； 浮动：对； 明确：无； 右边距：25px； } .导航条固定顶部{ 填充顶部：0； } .navbar默认值.navbar品牌{ 颜色：#777； 填充：0； 身高：继承； 浮动：无； 显示：内联块； } navbar先生{ 页边距底部：0； } .导航栏导航{ 保证金：0； } .navbar默认值{ 背景色：透明； 边界：0； } .navbar-collapse.collapse.in{ 宽度：100%； } p、 ajaxSearch_简介{ 保证金：0； } .navbar默认值.navbar折叠.navbar默认值.navbar窗体{ 填充：0； } /*切换btn*/ .navbar默认值.navbar切换{ 边框：1px实心#000； 边界半径：0； 填充物：5px10px； 颜色：#000； 背景色：#A10000； } #导航、粘贴、标志和包装{ 显示：无； } #导航。粘贴-顶部。徽标_包装{ 显示：块； 背景图像：url（/assets/images/header background.png）； 背景色：#fff； } #导航。粘贴。徽标_包装文字{ 显示：无； } #导航。粘贴到顶部。徽标_环绕文字{ 显示：块； 背景图像：url（/assets/images/header background.png）； 背景色：#fff； }

您需要使用

显示：内联块，然后将菜单项div向右浮动。
必要的基本更改是：

1.）确保
.navbar nav
的CSS规则包含
浮动：右

2.）从DIV
中删除这两个类

现在这两个元素可以彼此相邻。它们还没有，但这是由于各种填充和/或边距设置造成的，您还必须进行调整。
刚刚尝试过，无法使其工作。菜单项不对齐同一高度级别，移动切换菜单也向右浮动。你能给我看看我靴子里的解决方案吗？我很困惑；我更接近了一步，使用内联块更好，但是现在我的移动切换菜单也向右浮动，而不是全宽。有什么想法吗？你能给我发一个链接吗我更新了我的bootply…-请单击手机图标查看切换菜单行为（不幸地向右浮动）。使用
@media
至
浮动：无在菜单上单击“谢谢”。我实现了（1）并删除了该行代码（不过，现在移动切换菜单也向右浮动）。所以它不能解决我的问题。请参阅更新的BOOTPLY。你能在我的引导层中做些建议性的改变吗？因为我很困惑，好像什么都不管用。