在移动视图上更改徽标-Bootstrap 4

josue1saac

我在引导程序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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Bootstrap 3 div在移动视图上的顺序更改

来自分类Dev

Bootstrap 4按钮如何在移动视图中更改状态而不引用CSS类?

来自分类Dev

Bootstrap 4,Form-Inline 在 XS 视图上不对齐

来自分类Dev

Bootstrap 4菜单和徽标无法对齐

来自分类Dev

Bootstrap 4 - 更改移动设备中 5 列布局的顺序

来自分类Dev

DNN / Bootstrap-3导航问题仅在移动视图上

来自分类Dev

Bootstrap 导航栏不会在移动视图上折叠

来自分类Dev

订购 div 断点移动 Bootstrap 4

来自分类Dev

Bootstrap 4 未在 Razor 视图中呈现

来自分类Dev

Bootstrap 4-更改断点导航栏?

来自分类Dev

Bootstrap 4:按钮组 - 更改活动颜色

来自分类Dev

响应时列更改 - Bootstrap 4

来自分类Dev

使用 Bootstrap 4 在移动视图和桌面中显示不同的图像

来自分类Dev

Bootstrap4:如何在移动视图中将项目 C 推到底部

来自分类Dev

如何移动Bootstrap导航徽标?

来自分类Dev

Bootstrap 4导航栏始终在移动设备上可见

来自分类Dev

使用Bootstrap 4时无法移动的顶部空间

来自分类Dev

Bootstrap 4搜索导航栏未显示在移动设备上

来自分类Dev

Bootstrap 4 移动导航栏不会展开

来自分类Dev

Bootstrap 4:修复移动设备上 Div 之外的图像

来自分类Dev

Bootstrap 4 与 Bootstrap 3 对齐

来自分类Dev

在openlayers中添加bootstrap 4后显示视图问题

来自分类Dev

Bootstrap 4 下拉按钮在 mvc 视图中不起作用

来自分类Dev

Bootstrap 4导航栏菜单(移动)的样式是否类似于Bootstrap 3?

来自分类Dev

响应视图上的Bootstrap Grid布置

来自分类Dev

如何更改bootstrap 4 selectpicker的默认下拉颜色?

来自分类Dev

Bootstrap 4限制按钮大小,更改div之间的空间

来自分类Dev

使用Bootstrap4更改文本输入的占位符

来自分类Dev

Bootstrap 4模式打开/关闭会导致图像位置更改

Related 相关文章

  1. 1

    Bootstrap 3 div在移动视图上的顺序更改

  2. 2

    Bootstrap 4按钮如何在移动视图中更改状态而不引用CSS类?

  3. 3

    Bootstrap 4,Form-Inline 在 XS 视图上不对齐

  4. 4

    Bootstrap 4菜单和徽标无法对齐

  5. 5

    Bootstrap 4 - 更改移动设备中 5 列布局的顺序

  6. 6

    DNN / Bootstrap-3导航问题仅在移动视图上

  7. 7

    Bootstrap 导航栏不会在移动视图上折叠

  8. 8

    订购 div 断点移动 Bootstrap 4

  9. 9

    Bootstrap 4 未在 Razor 视图中呈现

  10. 10

    Bootstrap 4-更改断点导航栏?

  11. 11

    Bootstrap 4:按钮组 - 更改活动颜色

  12. 12

    响应时列更改 - Bootstrap 4

  13. 13

    使用 Bootstrap 4 在移动视图和桌面中显示不同的图像

  14. 14

    Bootstrap4:如何在移动视图中将项目 C 推到底部

  15. 15

    如何移动Bootstrap导航徽标?

  16. 16

    Bootstrap 4导航栏始终在移动设备上可见

  17. 17

    使用Bootstrap 4时无法移动的顶部空间

  18. 18

    Bootstrap 4搜索导航栏未显示在移动设备上

  19. 19

    Bootstrap 4 移动导航栏不会展开

  20. 20

    Bootstrap 4:修复移动设备上 Div 之外的图像

  21. 21

    Bootstrap 4 与 Bootstrap 3 对齐

  22. 22

    在openlayers中添加bootstrap 4后显示视图问题

  23. 23

    Bootstrap 4 下拉按钮在 mvc 视图中不起作用

  24. 24

    Bootstrap 4导航栏菜单(移动)的样式是否类似于Bootstrap 3?

  25. 25

    响应视图上的Bootstrap Grid布置

  26. 26

    如何更改bootstrap 4 selectpicker的默认下拉颜色?

  27. 27

    Bootstrap 4限制按钮大小,更改div之间的空间

  28. 28

    使用Bootstrap4更改文本输入的占位符

  29. 29

    Bootstrap 4模式打开/关闭会导致图像位置更改

热门标签

归档