在評(píng)論系統(tǒng)中，常常能看到下圖的效果：
從外往里看，這里有三個(gè)媒體對(duì)象，只不過(guò)是一個(gè)嵌套在另一個(gè)的里面。那么在Bootstrap框架中的媒體對(duì)象也具備這樣的功能，只需要將另一個(gè)媒體對(duì)象結(jié)構(gòu)放置在媒體對(duì)象的主體內(nèi)“media-body”，如下所示：
<div class="media"> <a class="pull-left" href="#"> <img class="media-object" src="…" alt="..."> </a> <div class="media-body"> <h4 class="media-heading">Media Heading</h4> <div>…</div> <div class="media"> <a class="pull-left" href="#"> <img class="media-object" src="…" alt="..."> </a> <div class="media-body"> <h4 class="media-heading">Media Heading</h4> <div>…</div> <div class="media"> <a class="pull-left" href="#"> <img class="media-object" src="…" alt="..."> </a> <div class="media-body"> <h4 class="media-heading">Media Heading</h4> <div>...</div> </div> </div> </div> </div> </div> </div>
在確保你的結(jié)構(gòu)沒有嵌套錯(cuò)的情況下，能直接看到下圖這樣的效果：
請(qǐng)驗(yàn)證，完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多，請(qǐng)先驗(yàn)證，完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)
