前端Bootstrap笔记（三）

十二.进度条
1.基本样式的进度条


60% Complete


2.带有提示标签的进度条


60%


3.彩色进度条



40% Complete (success)




20% Complete




60% Complete (warning)




80% Complete (danger)


4.动画条纹效果的进度条


45% Complete


5.堆叠效果的进度条



35% Complete (success)


20% Complete (warning)


10% Complete (danger)

十三.媒体对象
1.默认媒体对象

系列：十天精通CSS3
全方位深刻详解CSS3模块知识，经典案例分析，代码同步调试，让网页穿上绚丽装备！


2.媒体对象的嵌套

我是大漠
我是W3cplus站长大漠，我在写Bootstrap框中的媒体对象测试用例

慕课网
大漠写的《玩转Bootstrap》系列教程即将会在慕课网上发布

W3cplus
W3cplus站上还有很多教程....






3.媒体对象列表

• 
  
  
  
  
  

  Media Header
  …
  
  



• …


• …

十四.列表组
1.基础列表组

• Cras justo odio


• Dapibus ac facilisis in


• Morbi leo risus


• Porta ac consectetur ac


• Vestibulum at eros

2.带徽章的列表组

• 
  14
  Cras justo odio
  

3.带链接的列表组

• 
  揭开CSS3的面
  


• 
  CSS3选择器
  

...

图解CSS3
220Sass教程
玩转Bootstrap

4.自定义的列表组

List group item heading

...

...
...

5.列表项的状态设置


5902图解CSS3
15902W3cplus
59020慕课网
0Sass中国

6.多彩列表组


5902图解CSS3
15902W3cplus
59020慕课网
0Sass中国
10Mobile教程

十五.面板组件
1.基础面板



Basic panel example


2.带标题的面版


Panel heading without title

Panel content

作者：...

Panel title


Panel content

作者：...

3.带彩色的情境效果面板
... panel-primary：重点蓝
...panel-success：成功绿
...panel-info:信息蓝
... panel-warning：警告黄
...panel-danger：危险红
4.面板中嵌套表格


图解CSS3

详细讲解了选择器、边框、背景、文本、颜色、盒模型、伸缩布局盒模型、多列布局、渐变、过渡、动画、媒体、响应Web设计、Web字体等主题下涵盖的所有CSS3新特性

＃	我的书	发布时间
1	《图解CSS3》	2014-07-10

作者：大漠

图解CSS3

详细讲解了选择器、边框、背景、文本、颜色、盒模型、伸缩布局盒模型、多列布局、渐变、过渡、动画、媒体、响应Web设计、Web字体等主题下涵盖的所有CSS3新特性

• 我是列表项


• 我是列表项


• 我是列表项

作者：大漠