Twitter bootstrap 更改引导页面移动版本中的徽标

在网站的移动版本中，如何更改徽标？我已经尝试过缩小手机版徽标的图像大小。但我需要改变标志本身。有人能帮忙解决吗？我正在使用媒体查询设置引导至v3的移动版本的自定义样式

根据设备的不同，您可以使用可见xs和隐藏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 -->

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

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