围绕中心品牌形象包装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>