这是我的 fiddle :https://jsfiddle.net/xqt3mxpx/1
我需要社交图标右对齐，菜单在社交图标之前结束。
#main-menu {
float: right;
}
.social-icons {
float: right;
clear: right;
}
最佳答案
您可以在 .container-fluid 元素上使用 flexbox(我在我的 fiddle 中为它分配了类 x1，我为它分配了 display: flex)。然后将 margin-left: auto 放在 nav 元素上，将所有内容从那里移到右边。
另外我给了标题另一个背景 - 黑色让一切都变得不可见......
关于html - 在菜单旁边对齐社交图标，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42034581/