多语言展示
当前在线:587今日阅读:103今日分享:49

Bootsrtap如何制作下拉框

Bootstrap是一个开源的前端框架,在 Bootstrap 的帮助下可以通过同一份代码快速、有效适配手机、平板、PC 设备,同时还提供了全面、美观的文档。那么Bootstrap如何制作下拉框呢?一起来看一下吧。
方法/步骤
1

创建下拉框。新建一个html页面,在标签里输入创建下拉菜单的代码。代码如下:

2

引入Bootstrap的css、js这两个文件,同时还要引入jquery文件 ( jquery文件要在Bootstrap的js文件前面 )。引入代码:

3

为Bootstrap的下拉框添加选中后,把选中内容显示出来。代码:

5

可以直接复制所有代码,粘贴到新建的html文件上,保存后运行即可看到效果。所有代码:   Bootstrap 下拉菜单

推荐信息