更改手机版引导页中的徽标

Question

在手机版网站中，如何更改徽标？我曾尝试减少手机版徽标的图像大小。但我需要更改徽标本身。任何人都可以帮助解决它吗？我正在使用媒体查询为引导程序中的移动版本设置自定义样式

Answer 1

您可以使用visible-xs和hidden-xs类根据设备显示不同的徽标。

<img class="visible-xs" src="mobile-logo.jpg"> <!-- this one will be visible on mobile --> 
<img class="hidden-xs" src="normal-logo.jpg"> <!-- this one will be visible on everything else --> 

或如果您使用徽标作为背景图像。 像这样的Smth应该可以工作

@media (max-width: 767px) { 
    .logo { 
    background-image: url(mobile-logo.jpg); 
    } 
} 
@media (min-width: 768px) { 
    .logo { 
    background-image: url(normal-logo.jpg); 
    } 
}