Question

我正在尝试替换左上角的Menu字词，以便在jFiddle底部显示汉堡包，而不是单词。

如果您当前点击Menu这个词，您会看到它为汉堡包设置动画并下拉菜单。

任何人都可以amend jfiddle以便汉堡包图像在左上角，点击它时会下拉菜单（让我知道做了哪些更改）？

 <div class="dropdown dropdownMenu">
  <button class="btn btn-link dropdown-toggle menu1 btnMenu" type="button" data-toggle="dropdown">

Answer 1

你快到了

尝试更换菜单按钮代码

 <button class="btn btn-link dropdown-toggle menu1 btnMenu" type="button" data-toggle="dropdown">
                            Menu <span class="caret"></span>
                        </button>

底部汉堡包代码略有修改

<button class="c-hamburger c-hamburger--htla" id='btSwitch'>
        <span>toggle menu</span>
    </button>

所以在更换后这将是这样的

  <button class="c-hamburger c-hamburger--htla" id='btSwitch' type="button" data-toggle="dropdown">
                          <span ></span>
                        </button>

所以我将类更改为c-hamburger c-hamburger--htla并添加了ID btSwitch

这是工作fiddle

将bootstrap下拉菜单更改为汉堡包图标？

1 个答案: