响应式文章列表搭建（Bootstrap）

结合row + col-md-6 + .card可快速搭建响应式文章列表。结构如下：

<div class="row">
  <div class="col-md-6 mb-4">
    <div class="card">
      <div class="card-body">
        <h5 class="card-title">文章标题</h5>
        <p class="card-text">文章摘要</p>
      </div>
    </div>
  </div>
</div>

优势：小屏幕（<768px）下自动堆叠为单列，中等屏幕及以上显示两列，无需额外适配代码。