Css 菜单项和社交图标未正确对齐

我试图加载一行社交图标，然后在下面加载一行菜单项

对齐方式不是100%右对齐，而是在IE中。相反，菜单项会一直推到左侧

所有浏览器的理想外观应为：

我正在使用bootstrap 2.2.2

HTML：

CSS：

#徽标{
宽度：180px；
高度：100px；
填充：4px；
位置：绝对位置；
}
#导航粘性包装器{
高度：45px；
}
ul.socials-icons-top li{
宽度：35px；
高度：35px；
显示：内联块
}
ul.socials-icons-top li a{
不透明度：0.5；
转换：所有0.3秒到0秒；
-moz转换：所有0.3秒到0秒；
-webkit转换：所有0.3秒到0秒；
-o过渡：所有0.3秒到0秒；
}
ul.socials-icons-top li a：悬停{
不透明度：1；
}
#导航粘性包装器{
高度：120px；
}
.是粘的{
背景色：#fff；
宽度：100%；
高度：121px；
背景：#fff url（../images/background top.jpg）居中；
宽度：100%；
}
.导航栏固定顶部.导航栏内部.导航栏静态顶部.导航栏内部{
浮动：对；
右边距：20px；
}
.导航栏内部{
盒影：无！重要；
最小高度：45px；
线高：20px！重要；
过渡：所有0.3都会减少0；
边框底部：无！重要；
左侧填充：10px！重要；
右边填充：10px！重要；
背景：透明；
边缘顶部：55px；
}
navbar先生{
位置：相对位置；
浮动：对；
填充20px；
宽度：100%
}
李.社会{
宽度：32px；
高度：32px；
显示：内联块；
}
社会保险{
浮动：对；
右边距：250px；
边缘底部：2px；
}
.navbar.nav{
宽度：960px；
文本对齐：居中；
利润率：0 10px 10px 0；
}
.navbar.nav>li{
浮动：无；
显示：内联块；
宽度：自动；
}
.navbar.nav>li.menu{
右边距：5px；
边缘顶部：5px；
}
.navbar.nav>li>a{
字体系列：'Calibri'，'Arial'，无衬线；
文本转换：大写；
字体大小：400；
字体大小：14px；
颜色：#e76f25；
显示：块；
过渡：所有0.3都会减少0；
线高：14px；
文本阴影：无；
高度：16px；
填充：0px；
}
ul.菜单>李：最后一个孩子a{
边界：无；
}
.navbar.nav>.active>a、.navbar.nav>.active>a:hover、.navbar.nav>.active>a:focus{
背景：无；
盒影：无；
颜色：#22222；
身高：100%；
过渡：所有0.3都会减少0；
}
.navbar.nav>li>a:focus、.navbar.nav>li>a:hover{
颜色：#333；
文字装饰：无；
身高：100%；
过渡：所有0.3都会减少0；
}
.navbar.show菜单{
浮动：对；
宽度：30px；
利润率：7px 30px 7px 10px；
高度：31px；
填充：2px；
背景：url（../images/responsive menu.png）不重复2px 2px；
背景尺寸：30px 30px；
光标：指针；
边界半径：3px；
不透明度：0.7；
显示：无
}
.navbar.show菜单：悬停{
不透明度：1；
}

您已添加

a<代码>250px对于具有“

social

”类的

ul

”的右边距

b。以及

social

下方

nav

的右边框的

10px

要对齐，您需要将

文本对齐

设置为

右侧

添加

240px

[

导航的
右侧填充的
a-b]

这是CSS代码

.navbar .nav {
    margin: 0 10px 10px 0;
    padding-right: 240px; /** 250px - 10px **/
    text-align: right; /**/
    width: 960px;
}

此外，对于
ul
中的每个
li
都有
5px
的右边距
nav
。这使得菜单链接向左偏移
5px

要解决这个问题，您需要添加这个CSS代码块

.navbar .nav > li:last-child {
    margin-right: 0;
}

希望这会有所帮助。[这是我的第一个Stackoverflow答案；）]
您应该升级到v2.3.2