Question

使用Bootstrap我已经实现了一个菜单，如果我为菜单设置文本，该菜单将起作用：

            <button class="navbar-toggler" data-toggle="collapse" data-target = ".navbarSupportedContent">
                menuText
                //simply put here my own image
            </button>

我想插入我的照片而不是menuText，看不到有人这样做。我可以简单地添加图片吗？

Answer 1

使用img标签并将src属性定义为您要显示的图像。

请参见下面的工作示例：

.navbar-toggler img {
  height: 100px;
}

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" />

<button class="navbar-toggler" data-toggle="collapse" data-target=".navbarSupportedContent">
  <p>menuText</p>
  <img src="https://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon@2.png?v=73d79a89bded" alt="Stackoverflow icon"/>
</button>

如果您希望完全删除“ menuText”，并且只保留图像，则可以删除

<p>menuText</p>

要为导航栏添加我自己的菜单图标吗？

1 个答案: