http://www.oxtexs.com

                                                                  【极速快三app计划】bootstrap如何制作下拉菜单-Bootstrap教程

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

                                                                  1563346075(1).png

                                                                  然后,我们运用link标签导入bootstrap的样式库,如下图所示:

                                                                  1563346083(1).jpg

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

                                                                  1563346293129436.png

                                                                  ]

                                                                  接下来就正式引入下拉菜单了,我们直接调用dropdown样式即可,它是Bootstrap定义好的下拉菜单样式。

                                                                  1563346354406271.jpg

                                                                  相关推荐:《bootstrap入门教程》

                                                                  然后加入下拉菜单中(的菜单项,如下图所示,注意样式为dropdown-m,enu。

                                                                  1563346127.jpg

                                                                  最后我们运行程序,可以在页面中看到如下图所示的下拉菜单。

                                                                  1563346137(1).jpg

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

                                                                  1563346148(1).png

                                                                  以上就是bootstrap如何制作下拉菜单的详细内容,更多请关注php中文网其它相关文章!

                                                                1. 微信
                                                                2. 分享php中文网最新课程二维码相关标签:bootstrap 下拉菜单
                                                                3. 本文原创发布php中文网
                                                                4. 郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

                                                                  上一篇:《战争机器5》游戏将禁烟:无任何吸烟镜头 - 战争机器5,微软
                                                                  下一篇:没有了