Bootstrap 学习笔记5 进度条媒体对象和well组件

 

 

　　代码：

<ul class="media-list">
        <li class="media">
            <div class="media-left">
                <img src="img/pic.png" alt="" class="media-object">
            </div>
            <div class="media-body">
                <h4 class="media-heading">内容标题</h4>
                <p>alshdlahsdjlasdhlashdlahkshdlajlhdlahkshdlajlsdklashdlahkshdlajlsdklashdlahkshdlajlsdklashdlahkshdlajlsdklashdlahkshdlajlsdklashdlahkshdlajlsdklassdklasdhalhsdlhasdhlas</p>
                <div class="media">
                    <div class="media-left">
                        <img src="img/pic.png" alt="" class="media-object">
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">内容标题</h4>
                        <p>alshdlahsdjlasdhlashdlahkshdlajlsdklasdhalhsdlhasdhlas</p>
                    </div>
                </div>
            </div>
        </li>
        <li class="media">
            <div class="media-left">
                <img src="img/pic.png" alt="" class="media-object">
            </div>
            <div class="media-body">
                <h4 class="media-heading">内容标题</h4>
                <p>alshdlahsdjlasdhlashdlahkshdlajlsdklasdhalhsdlhasdhlas</p>
            </div>
        </li>
    </ul>