bootstrap响应卡显示隐藏更多内容

Question

我正在寻找没有JS的解决方案。

我想得到的是卡片/瓷砖的简单网格，其中包含带有文本的图像和带有更多阅读的按钮。此按钮应显示更多内容重叠。

我的内容来自v4 doc https://v4-alpha.getbootstrap.com/components/card：

<div class="card">
  <img class="card-img-top" src="..." alt="Card image cap">
  <div class="card-block">
    <h4 class="card-title">Card title</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="#" class="btn btn-primary">show more</a>
    <div class="toggle">more text text text text</div>
  </div>
</div>

但是我怎么能用更多内容来解决这个问题，而不是把所有这些都放在同一条线上呢？