我整晚都在搞这个,没有解决办法。我正在使用 bootstrap 2.32(用于 joomla 模板,尚不支持 BS3),并且我将拥有动态数量的列表项。我需要将列表项居中,但也同样包裹在中心 .brand img 的左侧和右侧。我可以把它分解成单独的菜单,但那有什么乐趣呢。所以我有一个 Bootply首先用于测试目的。我愿意接受任何有关实现此目标的建议。
最佳答案
您可以使用后端或 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>
关于css - 围绕居中的品牌形象包装 Bootstrap 导航栏列表项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21473939/