如何手动启用小型设备的引导响应菜单

How to manually enable bootstrap responsive menu for small device

本文关键字:响应 菜单 何手动 启用 小型      更新时间:2023-09-26

我喜欢将默认ID名称从id="navbar"更改为id="main-navbar"

From: <div id="navbar" class="navbar-collapse collapse">
To:   <div id="main-navbar" class="navbar-collapse collapse">

如果我更改了,那么当您签入小型设备时,主导航/菜单项不会展开/折叠。如何手动启用此功能?请帮忙。

以下是我正在使用的引导程序模板:https://getbootstrap.com/examples/navbar/

代码中有这个按钮:<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">

因此,您将data-target="#navbar"更改为data-target="#main-navbar"