Bootstrap进度条媒体对象和Well组件

一.Well 组件
这个组件可以实现简单的嵌入效果。
//嵌入效果

Bootstrap

十载的项城网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。成都全网营销推广的优势是能够根据用户设备显示端的尺寸不同,自动调整项城建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联从事“项城网站设计”,“项城网站推广”以来,每个客户项目都认真落实执行。

//有 lg 和 sm 两种可选值

Bootstrap

二.进度条组件
进度条组件为当前工作流程或动作提供时时反馈。
//基本进度条


60%

//最低值进度条


0%

//结合情景的进度条


style="min-width:20px;width:60%">60%

//条纹状,IE10+支持


60%

//动画效果


60%

//堆叠效果


35%

20%

10%

三.媒体对象组件
媒体对象可以包含图片、视频或音频等媒体,以达到对象和文本组合显示的样式效果。
//基本实例






标题

企鹅(学名:Spheniscidae):有“海洋之舟”美称的企鹅是一种最古老的游禽,它们很可能在地球穿上冰甲之前,就已经在南极安家落户。全世界的企鹅共有 17 种,大多数都分布在南半球。主要生活在南半球,属于企鹅目,企鹅科。特征为不能飞翔; 脚生于身体最下部,故呈直立姿势;趾间有蹼;跖行性(其他鸟类以趾着地);前肢成鳍状; 羽毛短,以减少摩擦和湍流;羽毛间存留一层空气,用以保温。背部黑色,腹部白色。各个种的主要区别在于头部色型和个体大小。



//媒体对象在右边



标题

企鹅(学名:Spheniscidae):有“海洋之舟”美称的企鹅是一种最古老的游禽,它们很可能在地球穿上冰甲之前,就已经在南极安家落户。全世界的企鹅共有 17 种,大多数都分布在南半球。主要生活在南半球,属于企鹅目,企鹅科。特征为不能飞翔; 脚生于身体最下部,故呈直立姿势;趾间有蹼;跖行性(其他鸟类以趾着地);前肢成鳍状; 羽毛短,以减少摩擦和湍流;羽毛间存留一层空气,用以保温。背部黑色,腹部白色。各个种的主要区别在于头部色型和个体大小。






//媒体对象列表



  • //将每个 media 存放在 media-body 内后即可
    ...代码较多,具体看视频


本文名称:Bootstrap进度条媒体对象和Well组件
本文地址:http://scyanting.com/article/gccdds.html