Rumah > Artikel > hujung hadapan web > bootstrap如何制作下拉菜单
bootstrap如何制作下拉菜单
- 爱喝马黛茶的安东尼asal
- 2019-07-17 15:02:564639semak imbas
首先要在Sublime Text中新建HTML页面，如下图所示，一定注意编码选择utf-8。
然后，我们运用link标签导入bootstrap的样式库，如下图所示：
由于点击下拉菜单的效果需要脚本实现，所以需要导入jquery和bootstrap的脚本，注意顺序。
接下来就正式引入下拉菜单了，我们直接调用dropdown样式即可，它是Bootstrap定义好的下拉菜单样式。
相关推荐：《bootstrap入门教程》
然后加入下拉菜单中的菜单项，如下图所示，注意样式为dropdown-menu。
最后我们运行程序，可以在页面中看到如下图所示的下拉菜单。
另外，下拉菜单中的菜单项如果想用分割线分隔开，则可以直接加divider样式即可，如下图所示：
Atas ialah kandungan terperinci bootstrap如何制作下拉菜单. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：如何使用bootstrap快速实现登录页面Artikel seterusnya：如何用bootstrap定义上弹菜单