bootstrap---panel面板组件

<!--可以自行修改头部颜色
.panel panel-success 
.panel panel-danger 
.panel panel-info 
.panel panel-warning 
.panel panel-primary 
-->
<div class="panel panel-success">
     <div class="panel-heading">
        这里是面板头部标题
    </div>
     <div class="panel-body">
        这里是面板内容部分
    </div>
    <div class="panel-footer"> //不需要就注释
        这里是面板尾部部分
    </div>
</div>

<h1>面板中嵌套列表组</h1>
    <div class="panel panel-default">
        <div class="panel-heading">阿斯顿撒大所多</div>
        <div class="panel-body">
            <p>面板嵌套列表组</p>
            <ul class="list-group">
                <li class="list-group-item">列表项1</li>
                <li class="list-group-item">列表项2</li>
                <li class="list-group-item">列表项3</li>
                <li class="list-group-item">列表项4</li>
                <li class="list-group-item">列表项5</li>
            </ul>
        </div>
        <div class="panel-footer">xxxxx</div>
    </div>


    <h1>面板中嵌套列表组</h1>
    <div class="panel panel-default">
        <div class="panel-heading">阿斯顿撒大所多</div>
        <div class="panel-body">
            <p>面板嵌套列表组</p>

        </div>
        <ul class="list-group">
            <li class="list-group-item">列表项1</li>
            <li class="list-group-item">列表项2</li>
            <li class="list-group-item">列表项3</li>
            <li class="list-group-item">列表项4</li>
            <li class="list-group-item">列表项5</li>
        </ul>
        <div class="panel-footer">飒飒飒飒飒飒飒飒飒飒飒飒所</div>
    </div>