Javascript 创建类似Gmail的弹出式菜单网格的最佳方法是什么;什么是引导?

Javascript 创建类似Gmail的弹出式菜单网格的最佳方法是什么;什么是引导?,javascript,html,css,twitter-bootstrap,twitter-bootstrap-3,Javascript,Html,Css,Twitter Bootstrap,Twitter Bootstrap 3,Gmail的网格图标会变成一个弹出菜单,如下所示: 我想实现完全相同的事情。我的导航中已经有了网格图标作为按钮 我正在查看,但我很难弄清楚如何在单击按钮和调整窗口大小时使模式保持“连接”到按钮。有没有人能向我解释一下这一点的快速实现?我会尝试自定义,如下所示。我认为这是一个好的开始 。下拉菜单。项{ 利润率:10px; 文本对齐:居中; } 行动 偶像 名称 偶像 名称 偶像 名称 偶像 名称 偶像 名称 偶像 名称 Bootstrap没有类似的内置功能。如果无法将模式连接到按钮,可以将模

Gmail的网格图标会变成一个弹出菜单,如下所示:

我想实现完全相同的事情。我的导航中已经有了网格图标作为按钮


我正在查看,但我很难弄清楚如何在单击按钮和调整窗口大小时使模式保持“连接”到按钮。有没有人能向我解释一下这一点的快速实现?

我会尝试自定义,如下所示。我认为这是一个好的开始

。下拉菜单。项{
利润率:10px;
文本对齐:居中;
}

行动
偶像
名称
偶像
名称
偶像
名称
偶像
名称
偶像
名称
偶像
名称

Bootstrap没有类似的内置功能。如果无法将模式连接到按钮,可以将模式设置为按钮的子级,将按钮的
位置:相对
和模式的
位置:绝对
。这样,模态的位置就可以相对于按钮保持。我会使用下拉菜单或带有一些自定义样式的Popover。