您的主要问题是您尚未为SVG指定尺寸。如果SVG没有width
或height
属性,则它们默认为“ 100%”-宽度为100%(父容器的宽度)。
下面我只是在CSS中设置了宽度,现在它是一个更合理的尺寸。您将需要添加更多样式,以使其位于标题栏中的所需位置。
#navigation {
background-color: rgba(72, 8, 111, 0.4);
border: 0 none;
margin: 0;
}
.navbar-brand {
padding: 0;
}
.logo {
margin: 0;
}
svg {
width: 50px;
height: 50px;
}