使用助推器列的文本流「像報紙」

Question

我正在WP項目上工作。我一直試圖在使用引導框架工作的列之間有一個漂亮的文本流。

我需要同樣的故事在不同的列之間流動，顯然似乎被稱爲「像報紙」。我發現了一些使用CSS中的多列的例子，但我更願意在引導中使用它。

我假定每個柱子都必須有一個高度，所以有一個點將故事打破到另一個柱子。

這裏是我的代碼示例：

<div class=' col-sm-12 col-xs-12'> 
    <?php get_template_part ('template-parts/content/content', 'image');?> 
</div> 
<article class=' col-sm-6 col-xs-12'> 
    <?php get_template_part ('template-parts/content/content', 'pack');?> 
</article> 
<article class=' col-sm-6 col-xs-12'> 
</article>     

<?php 

預先感謝您的幫助和方向。

Answer 1

我不認爲這個問題有一個純粹的Bootstrap解決方案 - 但是，您可以使用純CSS設計多列外觀，如此處所述：Bootstrap Writing In Columns (like a newspaper)。