数据看板

<div class="panel panel-default  box-shadow-wrap-lg goal-panel">
    <div class="panel-heading">
        数据看板页面建设
    </div>
    <div class="list-group">
   <div class="list-group-item"><div class="checkbox">
                <label class="i-checks">
                    <input type="checkbox" checked="" disabled="" value="">
                    <i></i>
                     相关执行项目进度监控 
                </label>
</div>            <p class="goal_name"> 当前进度： ：</p>
            <div class="progress-striped active m-b-sm progress" value="dynamic" type="danger">
                <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="97" aria-valuemin="0"
                 aria-valuemax="100" style="width: 10%;"><span> 10% </span></div>
            </div></div></div></div>

<div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-2daf6cc9d60df5a729af41b88ee623bd270' role="tab" data-target='#tabs-2daf6cc9d60df5a729af41b88ee623bd270'>data1</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-62430265b60487340c19ebac5fc754bb701' role="tab" data-target='#tabs-62430265b60487340c19ebac5fc754bb701'>data2</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-2daf6cc9d60df5a729af41b88ee623bd270' class="tab-pane fade active in">
            <div class="panel panel-default  box-shadow-wrap-lg goal-panel">
    <div class="panel-heading">
        数据看板页面建设
    </div>
    <div class="list-group">
   <div class="list-group-item"><div class="checkbox">
                <label class="i-checks">
                    <input type="checkbox" checked="" disabled="" value="">
                    <i></i>
                     相关执行项目进度监控 
                </label>
</div>            <p class="goal_name"> 当前进度： ：</p>
            <div class="progress-striped active m-b-sm progress" value="dynamic" type="danger">
                <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="97" aria-valuemin="0"
                 aria-valuemax="100" style="width: 10%;"><span> 10% </span></div>
            </div></div></div></div></div><div role="tabpanel" id='tabs-62430265b60487340c19ebac5fc754bb701' class="tab-pane fade  ">
            内容 2</div>
</div>
</div>

<div class="panel panel-default  box-shadow-wrap-lg goal-panel">
<div class="panel-heading">
        blog时间线
    </div>
<div class="padder-md wrapper">     <div class="streamline b-l m-b"><div class="sl-item b- b-l">
                                <div class="m-l">
                                    <div class="text-muted">2019-8-29</div>
                                    <p>站点创建</p>
                                </div>
                            </div><div class="bg-light wrapper-sm m-l-n m-r-n m-b r r-2x">插入无具体时间的事件，不要将这种事件放在开头/结尾</div><div class="sl-item b-dark b-l">
                                <div class="m-l">
                                    <div class="text-muted">2020-2-20</div>
                                    <p>当前时间的事件</p>
                                </div>
                            </div></div></div></div>

<div class="flex-column"><div class="flex-block" style="flex:auto"> 普通的一列 </div><div class="flex-block" style="flex:20%">该列的宽度只有20%</div><div class="flex-block" style="flex:200px">该列的宽度只有200像素 </div></div>