我在引导程序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.hidden-*
类的删除,但是您可以使用display属性实现相同的目标。
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<a class="navbar-brand">
<!-- logo for large screen -->
<img class="d-none d-md-block" src="https://via.placeholder.com/400x90?text=big+logo" />
<!-- logo for small screen -->
<img class="d-md-none" src="https://via.placeholder.com/200x90?text=small+logo" />
</a>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句