多媒体对象（Media Object）

 

<ul class="media-list">
    <li class="media">
        <a href="#" class="pull-left">
            <img alt="媒体对象" class="media-object" src="../img/wait01.jpeg" style="width:75px">
        </a>
        <div class="media-body">
            <h5 class="media-heading">戚薇：博学广思，始终向前 </h5>这就是我喜欢的学习、生活，皮皮虾学院，等你来战。<a href="#"><abbr title="阅读全文">全文 >></abbr></a>
        </div>
    </li>

    <li class="media">
        <a href="#" class="pull-left">
            <img alt="媒体对象" class="media-object" src="../img/wait02.jpg">
        </a>
        <div class="media-body">
            <h5 class="media-heading">谢霆锋：绿色的工程梦，从这里起步</h5> 来到这里，不负我望，这里是学习工程的天堂。<a href="#"><abbr title="阅读全文">全文 >></abbr></a>

        </div>
    </li>

    <li class="media">
        <a href="#" class="pull-left">
            <img alt="媒体对象" class="media-object" src="../img/wait03.jpg">
        </a>
        <div class="media-body">
            <h5 class="media-heading">黄圣依：演艺事业的基石</h5> 单纯的喜欢演艺，也势将做最好的演员，所以来到了皮皮虾学院。<a href="#"><abbr title="阅读全文">全文 >></abbr></a>
        </div>
    </li>
</ul>

转载于:https://www.cnblogs.com/iriliguo/p/6488916.html