当前位置:  开发笔记 > 编程语言 > 正文

Bootstrap导航栏品牌中的SVG徽标

如何解决《Bootstrap导航栏品牌中的SVG徽标》经验,为你挑选了1个好方法。



1> Paul LeBeau..:

您的主要问题是您尚未为SVG指定尺寸。如果SVG没有widthheight属性,则它们默认为“ 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;
}


    

        
        
        
   	
        
	
        

    

    

        


        
推荐阅读
手机用户2502852037
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有