围绕居中的品牌形象包裹Bootstrap导航栏列表项

Question

我一直在搞乱这个，没有解决方案。我正在使用bootstrap 2.32（对于一个joomla模板，还不支持BS3），我将有一个动态数量的列表项。我需要将列表项集中在一起，但同样也包含在中心的左侧和右侧.brand img。我可以把它分成单独的菜单，但那会是多么有趣。所以我首先要Bootply进行测试。我愿意接受任何有关实现这一目标的建议。

Answer 1

您可以将图像移动到列表的中心，使用后端或使用javascript：

<script>
var $nav = $('.nav li');
var $middle = $nav.eq(Math.ceil($nav.length/2));
var $liWrappedImg = $('<li></li>').append($('.brand'));
$middle.before($liWrappedImg);
</script>