Bootstrap 4 更改移动视图上的徽标-引导4

我在引导4上有一个导航条。当我在桌面视图中时，我会显示一个徽标“x”，但是当我更改为移动视图时，我需要将徽标“x”更改为徽标“y”。我尝试了下一个“解决方案”，但它不起作用

<a class="navbar-brand hidden-sm-down">
    <img src="./assets/img/genesyst-logo.png">
</a>
<a class="navbar-brand hidden-md-up">
    <img src="./assets/img/genesyst-logo-wh.png">
</a>

---

您能帮助我吗？

使用Bootstrap 4

。隐藏的-*

类已被删除，但您可以使用来实现相同的目标

使用显示属性的解决方案：