Card Group

My fancy headline

Some quick example text to build on the card title and make up the bulk of the card's content.

My fancy headline

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

My fancy headline

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

My fancy headline

Some quick example text to build on the card title and make up the bulk of the card's content.

My fancy headline

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

My fancy headline

Some quick example text to build on the card title and make up the bulk of the card's content.

<div class="card-columns">

  <div class="card class">

    <div class="card-block">
      <h4 class=card-title>
        My fancy headline
</h4>

      <p class="card-text">
        Some quick example text to build on the card title and make up the bulk of the card's content.
      </p>
    </div>

  </div>

  <div class="card class">

    <img src="/images/placeholder-ratio.jpg" alt="" class="card-img-top" width="100%" height="auto" />

    <div class="card-block">
      <h4 class=card-title>
        My fancy headline
</h4>

      <p class="card-text">
        Some quick example text to build on the card title and make up the bulk of the card's content.
      </p>

      <a href="target" class="btn btn-primary">
    Go somewhere </a>

    </div>

  </div>

  <div class="card class">

    <img src="/images/placeholder-ratio.jpg" alt="" class="card-img-top" width="100%" height="auto" />

    <div class="card-block">
      <h4 class=card-title>
        My fancy headline
</h4>

      <p class="card-text">
        Some quick example text to build on the card title and make up the bulk of the card's content.
      </p>

      <a href="target" class="btn btn-primary">
    Go somewhere </a>

    </div>

  </div>

  <div class="card class">

    <div class="card-block">
      <h4 class=card-title>
        My fancy headline
</h4>

      <p class="card-text">
        Some quick example text to build on the card title and make up the bulk of the card's content.
      </p>
    </div>

  </div>

  <div class="card class">

    <div class="card-block">
      <h4 class=card-title>
        My fancy headline
</h4>

      <p class="card-text">
        Some quick example text to build on the card title and make up the bulk of the card's content.
      </p>

      <a href="target" class="btn btn-primary">
    Go somewhere </a>

    </div>

  </div>

  <div class="card class">

    <img src="/images/placeholder-ratio.jpg" alt="" class="card-img-top" width="100%" height="auto" />

    <div class="card-block">
      <h4 class=card-title>
        My fancy headline
</h4>

      <p class="card-text">
        Some quick example text to build on the card title and make up the bulk of the card's content.
      </p>
    </div>

  </div>

</div>
			  
Header

My fancy headline

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
Header

My fancy headline

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
Header

My fancy headline

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
<div class="card-deck">

  <div class="card class">
    <div class="card-header">
      Header
    </div>

    <img src="/images/placeholder-ratio.jpg" alt="" class="card-img-top" width="100%" height="auto" />

    <div class="card-block">
      <h4 class=card-title>
        My fancy headline
</h4>

      <p class="card-text">
        Some quick example text to build on the card title and make up the bulk of the card's content.
      </p>

      <a href="target" class="btn btn-primary">
    Go somewhere </a>

    </div>
    <div class="card-footer">
      Footer
    </div>

  </div>

  <div class="card class">
    <div class="card-header">
      Header
    </div>

    <img src="/images/placeholder-ratio.jpg" alt="" class="card-img-top" width="100%" height="auto" />

    <div class="card-block">
      <h4 class=card-title>
        My fancy headline
</h4>

      <p class="card-text">
        Some quick example text to build on the card title and make up the bulk of the card's content.
      </p>

      <a href="target" class="btn btn-primary">
    Go somewhere </a>

    </div>
    <div class="card-footer">
      Footer
    </div>

  </div>

  <div class="card class">
    <div class="card-header">
      Header
    </div>

    <img src="/images/placeholder-ratio.jpg" alt="" class="card-img-top" width="100%" height="auto" />

    <div class="card-block">
      <h4 class=card-title>
        My fancy headline
</h4>

      <p class="card-text">
        Some quick example text to build on the card title and make up the bulk of the card's content.
      </p>

      <a href="target" class="btn btn-primary">
    Go somewhere </a>

    </div>
    <div class="card-footer">
      Footer
    </div>

  </div>
</div>
			  
Header

My fancy headline

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
Header

My fancy headline

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
Header

My fancy headline

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
<div class="card-group">

  <div class="card class">
    <div class="card-header">
      Header
    </div>

    <img src="/images/placeholder-ratio.jpg" alt="" class="card-img-top" width="100%" height="auto" />

    <div class="card-block">
      <h4 class=card-title>
        My fancy headline
</h4>

      <p class="card-text">
        Some quick example text to build on the card title and make up the bulk of the card's content.
      </p>

      <a href="target" class="btn btn-primary">
    Go somewhere </a>

    </div>
    <div class="card-footer">
      Footer
    </div>

  </div>

  <div class="card class">
    <div class="card-header">
      Header
    </div>

    <img src="/images/placeholder-ratio.jpg" alt="" class="card-img-top" width="100%" height="auto" />

    <div class="card-block">
      <h4 class=card-title>
        My fancy headline
</h4>

      <p class="card-text">
        Some quick example text to build on the card title and make up the bulk of the card's content.
      </p>

      <a href="target" class="btn btn-primary">
    Go somewhere </a>

    </div>
    <div class="card-footer">
      Footer
    </div>

  </div>

  <div class="card class">
    <div class="card-header">
      Header
    </div>

    <img src="/images/placeholder-ratio.jpg" alt="" class="card-img-top" width="100%" height="auto" />

    <div class="card-block">
      <h4 class=card-title>
        My fancy headline
</h4>

      <p class="card-text">
        Some quick example text to build on the card title and make up the bulk of the card's content.
      </p>

      <a href="target" class="btn btn-primary">
    Go somewhere </a>

    </div>
    <div class="card-footer">
      Footer
    </div>

  </div>
</div>