css - 具有垂直流体的 Bootstrap 列

Question

我正在使用具有三列的 Bootstrap 来显示新闻文章

<div class="col-md-4">
  <h4>Title</h4>
  <div>Article variable text</div>
</div>

问题是文章水平对齐

所以不是这个:

 xxx xxx xxx
 xxx xxx xxx
     xxx xxx
 xxx     xxx
 xxx xxx xxx
 xxx xxx
 xxx     xxx
     xxx xxx
 xxx xxx xxx
 xxx xxx 
         xxx

我有这个:

 xxx xxx xxx
 xxx xxx xxx
     xxx xxx
         xxx
         xxx

 xxx xxx xxx
 xxx xxx xxx
 xxx     xxx
 xxx 

 xxx xxx xxx
 xxx xxx 

如何以简单的方式解决对齐问题？

Answer 1

你必须制作 3 个 col-md-4 并在它们里面再排一行，然后你可以将你的文章与 col-md-12

一起使用

在Emmet这看起来像这样

.container>.row>.col-md-4(>.row>.col-md-12*10)*3