如何使用Bootstrap 3制作3张卡的响应式转盘

<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>

<div class="container">
  <div class="row">
    <div class="col-md-4">
      <div class="card">
        <img src="card1.jpg" alt="Card 1">
        <div class="card-body">
          <h3 class="card-title">Card 1</h3>
          <p class="card-text">This is the content of card 1.</p>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="card">
        <img src="card2.jpg" alt="Card 2">
        <div class="card-body">
          <h3 class="card-title">Card 2</h3>
          <p class="card-text">This is the content of card 2.</p>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="card">
        <img src="card3.jpg" alt="Card 3">
        <div class="card-body">
          <h3 class="card-title">Card 3</h3>
          <p class="card-text">This is the content of card 3.</p>
        </div>
      </div>
    </div>
  </div>
</div>