如何使用Bootstrap 4板卡？

Question

我使用的是bootstrap 4 beta版。我需要创建一个板卡或板Trello或Github。我很感谢那些对我有帮助的想法。

我在.row中也是这么想的，但是内部的列是12列，而且很窄。我给这个想法留下了一些图像：

​

​

Answer 1

没有组件可以做到这一点。但是你可以用网格来实现。

例如，如果您想要像这样的3个部分："To Do“、"In progress”和“Do”

​

    <div class="container">
      <div class="row justify-content-around">
        <div class="col-3">YOUR CONTENT HERE</div>
        <div class="col-3">YOUR CONTENT HERE</div>
        <div class="col-3">YOUR CONTENT HERE</div>
      </div>
    </div>

​

将"Your content here“替换为Bootstrap 4卡片项目