圍繞中心品牌形象包裝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>