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

时间:2014-01-31 06:36:52

标签: css twitter-bootstrap joomla joomla3.2

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

1 个答案:

答案 0 :(得分: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>