这(zhè)是bootstrap-modal下载,当我们注(zhù)册用户信息的时候,系(xì)统会弹出一个模态框。如果需要填(tián)写的表单信息比较多,就会按照模块分(fèn)步骤显示。当第(dì)一个模块填(tián)写完毕后,我(wǒ)们点(diǎn)击下一步,则(zé)下一个模块会(huì)覆盖当前模块,直到最后提(tí)交(jiāo)。同(tóng)时,我们也(yě)可(kě)以返回(huí)上(shàng)一(yī)步,重新填写。
bootstrap-modal是(shì)笔者(zhě)针(zhēn)对代码(mǎ)的(de)重用(yòng)性和拓展性,实现了(le)一个Bootstrap Modal分步填写表单的小插件,同时兼顾(gù)首页,尾页,中间页(yè),单页(yè)等情况下的模(mó)块切换(huàn)方(fāng)式(shì),代码尽力简化到最优(yōu)。
bootstrap-modal是一款基于bootstrap的移动(dòng)手机(jī)端(duān)全屏模态窗口插件。原生(shēng)的bootstrap模态(tài)窗(chuāng)口在移动(dòng)手机端的(de)用户体验不是很好,通过该插件可(kě)以大大的提(tí)高用(yòng)户体验(yàn)。本(běn)代码适用(yòng)浏览器:搜狗、360、FireFox(建议)、Chrome、Safari、Opera、傲游(yóu)、世(shì)界之窗,不(bú)支持IE8及以下浏览器,首选火(huǒ)狐(hú)浏(liú)览器。是(shì)一款不错的的特(tè)效插(chā)件,需要的朋友可以下载!希望大家喜欢!
1.1、登(dēng)录(lù)bootstrap官网,点击下载Bootstrap
1.2、导(dǎo)入对应的(de)样式文件(jiàn)css
1.3、导入对应的js,需要导入bootstrap.js或者bootstrap.min.js文件,bootstrap的前(qián)提是jquery,所以(yǐ)我们要(yào)在导入bootstrap.js前面导入jquery.min.js.
