Bootstrap媒體對象怎么用

媒體對象輕量標記、易于擴展的特性是通過向簡單的標記應(yīng)用 class 來實現(xiàn)的。

在 HTML 標簽中添加以下兩種形式來設(shè)置媒體對象：

（1）.media：該 class 允許將媒體對象里的多媒體（圖像、視頻、音頻）浮動到內(nèi)容區(qū)塊的左邊或者右邊。
（2）.media-list：如果你需要一個列表，各項內(nèi)容是無序列表的一部分，可以使用該 class?？捎糜谠u論列表與文章列表。

嵌套的媒體對象：

  
    
      
    

    
      媒體標題
      
這是一些示例文本。這是一些示例文本。
        這是一些示例文本。這是一些示例文本。
        這是一些示例文本。這是一些示例文本。
        這是一些示例文本。這是一些示例文本。
        這是一些示例文本。這是一些示例文本。

      
      
        
          
        

        
          嵌套的媒體標題
          這是一些示例文本。這是一些示例文本。
          這是一些示例文本。這是一些示例文本。

          
          
            
              
            
            
              嵌套的媒體標題
              這是一些示例文本。這是一些示例文本。
              這是一些示例文本。這是一些示例文本。               
            
          

        
      

      
      
        
          
        
        
          嵌套的媒體標題
          這是一些示例文本。這是一些示例文本。
          這是一些示例文本。這是一些示例文本。
        
      
    
  

  
    
      
    

    
      媒體標題
      這是一些示例文本。這是一些示例文本。
      這是一些示例文本。這是一些示例文本。       
    
  

效果圖：

以上是“Bootstrap媒體對象怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

<cite id="o0yqe"></cite>