(十一)进度条媒体对象和Well组件

本节知识点

• Well组件
• 进度条组件
• 媒体对象组件

(一)Well组件

这个组件可以实现简单的嵌入效果

well组件效果

Bootstrap

• well组件有 lg sm两种选择模式

well变大和变小

 
Bootstrap
    
Bootstrap

(二) 进度条组件

• 基本进度条组件

 

     
60%
 

• 最低值进度条 (最小就不是0了) min-width

         
20%
    

• 结合场景的进度条

    

         
60%
    

• 条纹状 IE10支持 progress-bar-striped

    

         
60%
    

• 动画效果 active

    

         
60%
    

• 堆叠效果 改变width即可

    

         
20%
        
60%
        
20%
    

(三) 媒体对象组件

包含图片 视频 音频等媒体，已达到对象和文本组合显示的效果 (图片不会自适应需要注意图片尺寸)

media media-left media-object media-body media-heading

    

        
    
    

        
标题
        

            “很多人跟我说，你已经没钱了，甚至都无法养家了，放弃吧。但这些人显然不懂我，哪怕是失败我都可以接受，但放弃绝不可能，尤其是不能放弃我们FF这么伟大的梦想!”贾跃亭在内部会议的演讲上说。有人猜测次轮融资可能来自贾跃亭自己，因为没有任何迹象表明另外有出资人。
            贾跃亭因失信名单上了《纽约时报》，能不能实现量产计划也很难说，但被美国主流媒体关心上，对贾跃亭来说绝不会是个好消息，这些负面新闻会在一定程度上影响到在美国的融资造车。对于未来谁也不好说，贾跃亭成也罢，败也罢，咱老姓的日子还得靠自己过。
        
    

• 媒体对象在右边 就是把media-body ,media-right

    

        
标题
        

            “很多人跟我说，你已经没钱了，甚至都无法养家了，放弃吧。但这些人显然不懂我，哪怕是失败我都可以接受，但放弃绝不可能，尤其是不能放弃我们FF这么伟大的梦想!”贾跃亭在内部会议的演讲上说。有人猜测次轮融资可能来自贾跃亭自己，因为没有任何迹象表明另外有出资人。
            贾跃亭因失信名单上了《纽约时报》，能不能实现量产计划也很难说，但被美国主流媒体关心上，对贾跃亭来说绝不会是个好消息，这些负面新闻会在一定程度上影响到在美国的融资造车。对于未来谁也不好说，贾跃亭成也罢，败也罢，咱老姓的日子还得靠自己过。
        
    
    

        
    

• 媒体对象列表medialist

简单来说就是把meida存放在media-body里面

  

      

          

              
          
          

              
标题
              

                  “很多人跟我说1，你已经没钱了，甚至都无法养家了，放弃吧。但这些人显然不懂我，哪怕是失败我都可以接受，但放弃绝不可能，尤其是不能放弃我们FF这么伟大的梦想!”贾跃亭在内部会议的演讲上说。有人猜测次轮融资可能来自贾跃亭自己，因为没有任何迹象表明另外有出资人。
                  贾跃亭因失信名单上了《纽约时报》，能不能实现量产计划也很难说，但被美国主流媒体关心上，对贾跃亭来说绝不会是个好消息，这些负面新闻会在一定程度上影响到在美国的融资造车。对于未来谁也不好说，贾跃亭成也罢，败也罢，咱老姓的日子还得靠自己过。
              
              
              

                  

                      
                  

                  

                      
标题
                      

                          “很多人跟我说3，你已经没钱了，甚至都无法养家了，放弃吧。但这些人显然不懂我，哪怕是失败我都可以接受，但放弃绝不可能，尤其是不能放弃我们FF这么伟大的梦想!”贾跃亭在内部会议的演讲上说。有人猜测次轮融资可能来自贾跃亭自己，因为没有任何迹象表明另外有出资人。
                          贾跃亭因失信名单上了《纽约时报》，能不能实现量产计划也很难说，但被美国主流媒体关心上，对贾跃亭来说绝不会是个好消息，这些负面新闻会在一定程度上影响到在美国的融资造车。对于未来谁也不好说，贾跃亭成也罢，败也罢，咱老姓的日子还得靠自己过。
                      
                      
                      


                          

                              
                          
                          

                              
标题
                              

                                  “很多人跟我说4，你已经没钱了，甚至都无法养家了，放弃吧。但这些人显然不懂我，哪怕是失败我都可以接受，但放弃绝不可能，尤其是不能放弃我们FF这么伟大的梦想!”贾跃亭在内部会议的演讲上说。有人猜测次轮融资可能来自贾跃亭自己，因为没有任何迹象表明另外有出资人。
                                  贾跃亭因失信名单上了《纽约时报》，能不能实现量产计划也很难说，但被美国主流媒体关心上，对贾跃亭来说绝不会是个好消息，这些负面新闻会在一定程度上影响到在美国的融资造车。对于未来谁也不好说，贾跃亭成也罢，败也罢，咱老姓的日子还得靠自己过。
                              
                          
                      
                      
                   
              
              
              
                

                    

                        
                    
                    

                        
标题
                        

                            “很多人跟我说3，你已经没钱了，甚至都无法养家了，放弃吧。但这些人显然不懂我，哪怕是失败我都可以接受，但放弃绝不可能，尤其是不能放弃我们FF这么伟大的梦想!”贾跃亭在内部会议的演讲上说。有人猜测次轮融资可能来自贾跃亭自己，因为没有任何迹象表明另外有出资人。
                            贾跃亭因失信名单上了《纽约时报》，能不能实现量产计划也很难说，但被美国主流媒体关心上，对贾跃亭来说绝不会是个好消息，这些负面新闻会在一定程度上影响到在美国的融资造车。对于未来谁也不好说，贾跃亭成也罢，败也罢，咱老姓的日子还得靠自己过。
                        
                    
                
                  
              
          
      

      
      

          

              
          

          

              
标题
              

                  “很多人跟我说2，你已经没钱了，甚至都无法养家了，放弃吧。但这些人显然不懂我，哪怕是失败我都可以接受，但放弃绝不可能，尤其是不能放弃我们FF这么伟大的梦想!”贾跃亭在内部会议的演讲上说。有人猜测次轮融资可能来自贾跃亭自己，因为没有任何迹象表明另外有出资人。
                  贾跃亭因失信名单上了《纽约时报》，能不能实现量产计划也很难说，但被美国主流媒体关心上，对贾跃亭来说绝不会是个好消息，这些负面新闻会在一定程度上影响到在美国的融资造车。对于未来谁也不好说，贾跃亭成也罢，败也罢，咱老姓的日子还得靠自己过。
              
          
      
      
  

media列表.jpg