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

标签 css twitter-bootstrap joomla joomla3.2

我整晚都在搞这个,没有解决办法。我正在使用 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/

相关文章:

joomla 2.5 保存多个选择列表?

ASP.net 转发器显示正确格式的图像和文本

html - 如何使用 img 标签和 css 和类而不是 src 属性显示图像

html - 使图像和填充响应 Bootstrap

css - .form-control 没有显示

jquery - ASP.NET MVV 核心应用程序 : Failed to load resource: the server responded with a status of 404 (Not Found) bootstrap. css:1

javascript - 使用 Bootstrap 的两列等高布局

javascript - 在悬停时突出显示 Bootstrap 行

.htaccess - 将链接重定向到正确的目录

php - 外部页面中的 Joomla 菜单