成都网站建设设计

将想法与焦点和您一起共享

Bootstrap媒体对象怎么用

这篇文章主要为大家展示了“Bootstrap媒体对象怎么用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Bootstrap媒体对象怎么用”这篇文章吧。

创新互联-专业网站定制、快速模板网站建设、高性价比梁子湖网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式梁子湖网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖梁子湖地区。费用合理售后完善,10余年实体公司更值得信赖。

具体内容如下

基本结构:


  
    
  

  
    媒体标题
    这是一些示例文本。这是一些示例文本。
    这是一些示例文本。这是一些示例文本。 
  

  
    
      
    

    
      媒体标题
      

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

    
                                  媒体标题       这是一些示例文本。这是一些示例文本。       这是一些示例文本。这是一些示例文本。     
  

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

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

(1).media:该 class 允许将媒体对象里的多媒体(图像、视频、音频)浮动到内容区块的左边或者右边。
(2).media-list:如果你需要一个列表,各项内容是无序列表的一部分,可以使用该 class。可用于评论列表与文章列表。

嵌套的媒体对象:


  
    
      
    

    
      媒体标题
      

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

                                                              嵌套的媒体标题           这是一些示例文本。这是一些示例文本。           这是一些示例文本。这是一些示例文本。                                                                                           嵌套的媒体标题               这是一些示例文本。这是一些示例文本。               这是一些示例文本。这是一些示例文本。                            
                                                                                         嵌套的媒体标题           这是一些示例文本。这是一些示例文本。           这是一些示例文本。这是一些示例文本。                                                        媒体标题       这是一些示例文本。这是一些示例文本。       这是一些示例文本。这是一些示例文本。               

效果图:

Bootstrap媒体对象怎么用

以上是“Bootstrap媒体对象怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


分享标题:Bootstrap媒体对象怎么用
本文链接:http://chengdu.cdxwcx.cn/article/pdchpd.html