效果图
代码
<!-- publish -->
<div class="publish">
<div class="row">
<div class="col-sm-9">
<h3>生活馆 关于指甲的10个健康知识 你知道几个?</h3>
<p class="text-muted">alibaixiu 发布于 2015-11-23</p>
<p>指甲是经常容易被人们忽略的身体部位,事实上从指甲的健
康状况可以看出一个人的身体健康状况,快来看看10个暗藏在指甲里的知识吧!</p>
<p class="text-muted">阅读(2417)评论(1)赞(18)标签:健康/感染/指甲/疾病/皮肤/营养/趣味生活</p>
</div>
<div class="col-sm-3 pic">
<img src="upload/3.jpg" alt="">
</div>
</div>
<div class="row">
<div class="col-sm-9">
<h3>生活馆 关于指甲的10个健康知识 你知道几个?</h3>
<p class="text-muted">alibaixiu 发布于 2015-11-23</p>
<p>指甲是经常容易被人们忽略的身体部位,事实上从指甲的健
康状况可以看出一个人的身体健康状况,快来看看10个暗藏在指甲里的知识吧!</p>
<p class="text-muted">阅读(2417)评论(1)赞(18)标签:健康/感染/指甲/疾病/皮肤/营养/趣味生活</p>
</div>
<div class="col-sm-3 pic">
<img src="upload/3.jpg" alt="">
</div>
</div>
<div class="row">
<div class="col-sm-9">
<h3>生活馆 关于指甲的10个健康知识 你知道几个?</h3>
<p class="text-muted">alibaixiu 发布于 2015-11-23</p>
<p>指甲是经常容易被人们忽略的身体部位,事实上从指甲的健
康状况可以看出一个人的身体健康状况,快来看看10个暗藏在指甲里的知识吧!</p>
<p class="text-muted">阅读(2417)评论(1)赞(18)标签:健康/感染/指甲/疾病/皮肤/营养/趣味生活</p>
</div>
<div class="col-sm-3 pic">
<img src="upload/3.jpg" alt="">
</div>
</div>
<div class="row">
<div class="col-sm-9">
<h3>生活馆 关于指甲的10个健康知识 你知道几个?</h3>
<p class="text-muted">alibaixiu 发布于 2015-11-23</p>
<p>指甲是经常容易被人们忽略的身体部位,事实上从指甲的健
康状况可以看出一个人的身体健康状况,快来看看10个暗藏在指甲里的知识吧!</p>
<p class="text-muted">阅读(2417)评论(1)赞(18)标签:健康/感染/指甲/疾病/皮肤/营养/趣味生活</p>
</div>
<div class="col-sm-3 pic">
<img src="upload/3.jpg" alt="">
</div>
</div>
</div>
article .publish {
border-top: 1px solid #ccc;
}
article .publish .pic {
margin-top: 10px;
}
article .publish .pic img {
width: 100%;
height: 100%;
}
article .publish .row {
border-bottom: 1px solid #ccc;
}css
publish怎么这么大?
标题
生活馆 关于指甲的10个健康知识 你知道几个?
灰字
alibaixiu 发布于 2015-11-23