公司新闻当前位置:天恒娱乐 > 公司新闻 > >

Bootstrap媒体对象学习使用

  

[Bootstrap,媒体对象]Bootstrap媒体对象学习使用

  

Bootstrap媒体对象的学习使用,供大家参考,具体内容如下  

  

基本结构:  

  
  
  
  媒体对象  
  

媒体标题

  这是一些示天恒娱乐注册例文本。这是一些示例文本。

  这是一些示例文本。这是一些示例文本。

  

  
  
  
  
  
  
      
  •   通用的占位符图像  
      

    媒体标题

      

    这是一些示例文本。这是一些示例文本。

      这是一些示例文本。这是一些示例文本。

      这是一些示例文本。这是一些示例文本。

      这是一些示例文本。这是一些示例文本。

      
      
  •   
  •   通用的占位符图像  
      

    媒体标题

      这是一些示例文本。这是一些示例文本。

      这是一些示例文本。这是一些示例文本。

      

      
  •   
  
  
  

媒体对象轻量标记、易于扩展的特性是通过向简单的标记应用 class 来实现的。

  

  

在 HTML 标签中添加以下两种形式来设置媒体对象:  
  

  

(1).media:该 class 允许将媒体对象里的多媒体(图像、视频、音频)浮动到内容区块的左边或者右边。

  
  (2).media-list:如果你需要一个列表,各项内容是无序列表的一部分,可以使用该 class。可用于评论列表与文章列表。

  

  

嵌套的媒体对象:  

  
  
  
      
  •     
      

    媒体标题

      

    这是一些示例文本。这是一些示例文本。

      这是一些示例文本。这是一些示例文本。

      这是一些示例文本。这是一些示例文本。

      这是一些示例文本。这是一些示例文本。

      这是一些示例文本。这是一些示例文本。

        
        
      

    嵌套的媒体标题

      这是一些示例文本。这是一些示例文本。

      这是一些示例文本。这是一些示例文本。

        

        
      

    嵌套的媒体标题

      这是一些示例文本。这是一些示例文本。

      这是一些示例文本。这是一些示例文本。

      

      
      
      
        
        
      

    嵌套的媒体标题

      这是一些示例文本。这是一些示例文本。

      这是一些示例文本。这是一些示例文本。

      

      
      
      
  •   
  •     
      

    媒体标题

      这是一些示例文本。这是一些示例文本。

      这是一些示例文本。这是一些示例文本。

      

      
  •   
  
  
  

效果图:  

  

  

  

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

  

(责任编辑:admin)

上一篇:jquery动态增加删除表格行的小例子

下一篇:天恒娱乐官网:jQuery JSON实现无刷新三级联动实例

推荐内容