此问题在此处已有答案：

How to show something only on a certain screen size in Bootstrap?（2个答案）
（9个答案）
上个月关门了。
我使用的是 Bootstrap 。
我的导航栏是这样的

<nav class="navbar fixed-top">
  <div class="navbar-brand-wrapper d-flex align-items-center justify-content-center">
    <a class="navbar-brand" href="/"><img src="mylogo.png" alt="TopLogo"></a>
  </div>
  <ul class="nav navbar-nav-right">
    <li class="nav-link"><a href="{% url 'index' %}">Top</a></li>
    <li class="nav-link"><a href="{% url 'dashboard' %}">Dashboard</a></li>
  
    <li class="nav-link">{{ user.email }}</li>
    <li class="nav-link"><a href="{% url 'logout' %}" type="button" class="btn btn-primary btn-sm">Logout</a></li>
  </ul>
</nav>

我想根据屏幕大小更改导航栏品牌中的徽标。

mylogo.png -> mylogosmall.png.

有可能吗？