邮箱&网格布局
<html>
<head>
<title>邮件</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-1">
<input type="checkbox">
</div>
<div class="col-md-1">
<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fblog%2F202106%2F09%2F20210609081952_51ef5.thumb.1000_0.jpg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1681115141&t=2688fe16546da9a488db69804cf27d7a" height="30" class='img-circle'>
</div>
<div class="col-md-3">
<strong>账号团队</strong>
</div>
<div class="col-md-1">
<span class="glyphicon glyphicon-flag" style="color: rgb(248, 12, 12);"></span>
</div>
<div class="col-md-5"><p>fgasfagufhuiahfua</p></div>
<div class="col-md-1">
<span class="label label-info">ToMe</span>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-1">
<input type="checkbox">
</div>
<div class="col-md-1">
<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fblog%2F202106%2F22%2F20210622154903_3c36a.thumb.1000_0.jpeg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1681123665&t=a9d6e4a318db0c177169b001d0890545" height="30" class='img-circle'>
</div>
<div class="col-md-3">
<strong>博客园系统通知</strong>
</div>
<div class="col-md-1">
<span class="glyphicon glyphicon-flag" style="color: rgb(248, 12, 12);"></span>
</div>
<div class="col-md-5"><p>fgasfagufhuiahfua</p></div>
<div class="col-md-1">
<span class="label label-info">ToMe</span>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-1">
<input type="checkbox">
</div>
<div class="col-md-1">
<img src="https://img1.baidu.com/it/u=4011952226,4190864328&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500" height="30" class='img-circle'>
</div>
<div class="col-md-3">
<strong>河南省信息学奥林匹克竞赛认证活动</strong>
</div>
<div class="col-md-1">
<span class="glyphicon glyphicon-flag" style="color: rgb(187, 165, 165);"></span>
</div>
<div class="col-md-5"><p>fgasfagufhuiahfua</p></div>
<div class="col-md-1">
<span class="label label-info">ToMe</span>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-1">
<input type="checkbox">
</div>
<div class="col-md-1">
<img src="https://img2.baidu.com/it/u=3088070715,2077282667&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500" height="30" class='img-circle'>
</div>
<div class="col-md-3">
<strong>Microsoft 帐户团队</strong>
</div>
<div class="col-md-1">
<span class="glyphicon glyphicon-flag" style="color: rgb(248, 12, 12);"></span>
</div>
<div class="col-md-5"><p>fgasfagufhuiahfua</p></div>
<div class="col-md-1">
<span class="label label-info">ToMe</span>
</div>
</div>
</div>
</body>
</html>
