我正在尝试使用居中徽标在bootstrap 3中构建导航栏。徽标是.svg文件。我不知道如何将它换成“品牌”文本,同时让它保持中心。也许那里有人有想法。如果您有任何需要,请告诉我们!
我正在使用这个在线svg徽标作为我想要做的一个例子,因为我无法弄清楚如何在jsfiddle上做我的徽标。他们使用了svg html标签。我不确切知道这是什么好处,但它是在示例中,所以要注意。
重要的部分是css。当引导程序中的大多数导航栏向左或向右浮动时,这就是导航栏中心的原因。这是css。
.navbar-brand {
position: absolute;
width: 100%;
left: 0;
top: 0;
text-align: center;
margin: auto;
}
文字/徽标小提琴: https://jsfiddle.net/DTcHh/12577/
SVG的小提琴: https://jsfiddle.net/DTcHh/12578/