Bootstrap如何制作下拉菜单

2024-10-13 22:27:06

1、首先要在Sublime Text中新建HTML页面,如下图所示,一定注意编码选择utf-8

Bootstrap如何制作下拉菜单

3、由于点击下拉菜单的效果需要脚本实现,所以需要导入jquery和bootstrap的脚本,注意顺序

Bootstrap如何制作下拉菜单

5、然后加入下拉菜单中的菜单项,如下图所示,注意样式为dropdown-menu

Bootstrap如何制作下拉菜单

7、另外,下拉菜单中的菜单项如果想用分割线分隔开,则可以直接加divider样式即可,如下图所示

Bootstrap如何制作下拉菜单
猜你喜欢