Bootstrap：跨行对齐的文本列

Question

我有以下HTML结构，并且正在使用Bootstrap模板

<div class="row elements">
  <div> col 1 val </div> <div> col 2 val </div> <div> col 3 val </div>
</div>
<div class = "row"><div class = "block">.. some content...</div></div>
<div class="row elements">
  <div> col 1 valxxx </div> <div> col 2 vl </div> <div> col 3 val xyz</div>
</div>
<div class = "row elements"><div class = "block">.. some content...</div></div>

是否可以让row elements div中的每个列彼此垂直对齐，但占用行上的最小空间（因此我无法使用引导列）？在列出some content内容时，应忽略包含row elements块的div。 ＆＃34;行元素＆＃34;无论屏幕宽度如何，行都应始终位于一行