在web頁面中，圖片居左，內容居右排列，是非常常見的效果，它也就是媒體對象，它是一種抽象的樣式，可以用來構建不同類型的組件，在bootstrap框架中其對應的版本文件如下：
LESS: media.less
SASS: _media.scss
媒體對像一般是成組出現，一組媒體對像一般包括以下幾部分：
1、媒體對象的容器：用來容納媒體對象的所有內容，容器上需使用類名.media
2、媒體對象的對象：一般是圖片，需使用類.media-object
3、媒體對象的主體：就是媒體對象的主體內容，可以是任何元素，需使用類.media-body
4、媒體對象的標題：用來描述媒體對象的一個標題，需使用類.media-heading
此外，bootstrap框架中常使用類.pull-left和.pull-right來控制媒體對像中的對象浮動方式
下面是它們的css源碼：
.media,.media-body {overflow: hidden;zoom: 1;}.media,.media .media {margin-top: 15px;}.media:first-child {margin-top: 0;}.media-object {display: block;}.media-heading {margin: 0 0 5px;}.media > .pull-left {margin-right: 10px;}.media > .pull-right {margin-left: 10px;}媒體樣式相對來說比較簡單，只是設置它們之間的間距；
下面來看看媒體對象的運用：
<h1>默認媒體對象</h1><div><a href="#"><img src="img/1.jpg"></a><div><h4>荷塘月色</h4><div>這幾天心裡頗不寧靜。今晚在院子裡坐著乘涼，忽然想起日日走過的荷塘，在這滿月的夜裡，總該另有一番樣子吧。月亮漸漸地升高了，牆外馬路上孩子們的歡笑……</div></div></div>
媒體對象的嵌套
bootstrap媒體對象嵌套，只需將另一個媒體對象結構放在媒體對象的主體（.media-body）中。下面來看看媒體對象嵌套的運用
<h1>默認媒體對象的嵌套</h1><div><a href="#"><img src="img/3.jpg"></a><div><h4>荷塘月色</h4><div>月光如流水一般，靜靜地瀉在這一片片葉子和花上。薄薄的青霧浮起在荷塘里。葉子和花彷彿在牛乳中洗過一樣；又像籠著輕紗的夢。雖然是滿月，天上卻有一層淡淡的雲，所以不能朗照；但我以為這恰是到了好處――酣眠固不可少，小睡也別有風味的。 </div><div><a href="#"><img src="img/4.jpg"></a><div><h4>這裡是嵌套內容1111</h4><div>荷塘的四面，遠遠近近，高高低低都是樹，而楊柳最多。這些樹將一片荷塘重重圍住；只在小路一旁，漏著幾段空隙，像是特為月光留下的。 </div><div><a href="#"><img src="img/5.jpg"></a><div><h4>這裡是嵌套內容2222</h4><div>樹梢上隱隱約約的是一帶遠山，只有些大意罷了。樹縫裡也漏著一兩點路燈光，沒精打采的，是渴睡人的眼。這時候最熱鬧的，要數樹上的蟬聲與水里的蛙聲；但熱鬧是它們的，我什麼也沒有</div></div></div></div></div></div></div>
效果如下：
媒體對象列表
bootstrap框架提供了一個媒體對象列表展示的效果，在寫結構的時候可以使用標籤ul，並在標籤ul上添加類名.media-list,在標籤li上使用類.media
例如：
<h1>媒體對象列表</h1><ul><li><a href="#"><img src="img/1.jpg"></a><div><h4>媒體對象列表111</h4><div>沿著荷塘，是一條曲折的小煤屑路。這是一條幽僻的路；白天也少人走，夜晚更加寂寞。荷塘四周，長著許多樹，蓊蓊（wěng）鬱鬱（2）的。路的一旁，是些楊柳，和一些不知道名字的樹。沒有月光的晚上，這路上陰森森的，有些怕人。今晚卻很好，雖然月光也還是淡淡的。 </div></div></li><li><a href="#"><img src="img/2.jpg"></a><div><h4>媒體對象列表222</h4><div>路上只我一個人，背著手踱（duó）著。這一片天地好像是我的；我也像超出了平常的自己，到了另一個世界裡。我愛熱鬧，也愛寧靜；愛群居，也愛獨處。像今晚上，一個人在這蒼茫的月下，什麼都可以想，什麼都可以不想，便覺是個自由的人。 </div></div></li><li><a href="#"><img src="img/3.jpg"></a><div><h4>媒體對象列表333</h4><div>白天裡一定要做的事，一定要說的話，現在都可不理。這是獨處的妙處，我且受用這無邊的荷香月色好了。曲曲折折的荷塘上面，彌望（3）的是田田（4）的葉子。葉子出水很高，像亭亭的舞女的裙。層層的葉子中間，零星地點綴著些白花，有嬝娜地開著的，有羞澀地打著朵兒的；正如一粒粒的明珠，又如碧天裡的星星，又如剛出浴的美人。微風過處，送來縷縷清香，彷彿遠處高樓上渺茫的歌聲似的。 </div></div></li><li><a href="#"><img src="img/4.jpg"></a><div><h4>媒體對象列表444</h4><div>忽然想起採蓮的事情來了。採蓮是江南的舊俗，似乎很早就有，而六朝時為盛；從詩歌裡可以約略知道。採蓮的是少年的女子，她們是盪著小船，唱著艷歌（14）去的。採蓮人不用說很多，還有看採蓮的人。那是一個熱鬧的季節，也是一個風流（15）的季節。梁元帝（16）《採蓮賦》裡說得好：。 </div></div></li></ul>
效果如下：