Bootstrap是一个开源的前端框架,在 Bootstrap 的帮助下可以通过同一份代码快速、有效适配手机、平板、PC 设备,同时还提供了全面、美观的文档。那么Bootstrap如何制作下拉框呢?一起来看一下吧。
方法/步骤
1
创建下拉框。新建一个html页面,在
标签里输入创建下拉菜单的代码。代码如下:2
引入Bootstrap的css、js这两个文件,同时还要引入jquery文件 ( jquery文件要在Bootstrap的js文件前面 )。引入代码:
3
为Bootstrap的下拉框添加选中后,把选中内容显示出来。代码:
5Bootstrap 下拉菜单
可以直接复制所有代码,粘贴到新建的html文件上,保存后运行即可看到效果。所有代码:
下一篇:excel如何设置下拉框固定选项