Bootstrap实现部分网页中常见的页面效果!

  用Bootstrap实现网页中常见的页面效果,首先要引入插件,引入的方式有两种,一种本地引入,一种是CDN引入。

  第一种效果:静态模态框;

  

  页面效果如下:

  

  第二种效果:动态模态框;

  

  页面效果如下:

  

  第三种效果:分页;

  

  页面效果如下:

  

  第四种效果:徽章(比如聊天APP中的未读消息);

  

  页面效果如下:

  

  第五种效果:巨幕效果;

  

  页面效果如下:

  

  第六种效果:页头;

  

  效果图如下:

  

  第七种效果:进度条(由于进度条的样式比较多,代码综合写在一起,可以根据自己需要的进度条按照注释一一参考。。。)

  

  效果图如下:

  

  第八种效果:警告框;

  

  效果如下:

  


   以上的几种效果是浏览网页中经常会见到的,当然也不是Bootstrap中所有的页面效果样式,比如还有工具提示条,弹出框以及分页的其他效果等等,具体的可参考Bootstrap官网去了解学习!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值