BootStrap内置组件分享笔记

一、警示框

默认警示框

恭喜您操作成功！
请输入正确的密码
您已操作失败两次，还有最后一次机会
对不起，您输入的密码有

可关闭的警示框
此处只列举一个其他几种颜色替换即可
success/info/warning/danger 对应四种颜色
绿色/蓝色/黄色/红色


    
    恭喜您操作成功！

警示框的链接


    Well done! 
    You successfully read 
    this important alert message.

备注： × html × 的实体

二、进度条

基本进度条

彩色进度条

3.条纹进度条


    
 4.动态条纹进度条
 
    
 
 备注：“progress-striped”和“active”必须同时运用
 5.层叠进度条
 
正常层叠进度条
 

    
    
    
    
 
 
不良效果层叠进度条
 

    
    
    
    
 
层叠条纹进度条
 

    
    
    
    
  
 
 6.带Label的进度条
 
进度条1
 

    20%  
  

    70%
 
进度条2
 
div class="progress">
  0%

ITPub博客

一些BootStrap内置组件笔记分享

最新文章