导航栏中的居中圆形徽标? [重复]

问题描述 投票:0回答:1

此问题已经在这里有了答案:

我是Bootstrap的新手,我想创建一个自定义的导航栏,其中圆形徽标在中间穿过它:enter image description here

发现它很复杂,我试图寻找类似的解决方案,但发现this。但是应用navbar并不能给我期望的外观:enter image description here

所以您对我如何创建此导航栏或修复现有导航栏有建议?

css bootstrap-4
1个回答
0
投票
您可以使用CSS修复此问题。您需要创建一个带有徽标的nav元素,并在两侧分别添加两个无序列表。然后,将position:absolute添加到图像并更改最高值以使其居中。这是您需要应用的HTML结构和CSS代码:
© www.soinside.com 2019 - 2024. All rights reserved.