使WordPress的內容跨度跨2列

Question

我使用的WordPress和Bootstrap 3框架，並使用...

HTML

<div class="col-md-12"> 
    <?php the_content(); ?> 
</div> 

...把​​頁面上的頁面內容。我想把它放在兩列（col-md-6）中，內容跨越兩列。但不知道該怎麼做。

Answer 1

您可以將HTML通過這種結構，添加一個簡單的類（也許column-2），並使用該CSS：

.column-2 { 
    -webkit-column-count: 2; /* Chrome, Safari, Opera */ 
    -moz-column-count: 2; /* Firefox */ 
    column-count: 2; 
} 

DEMO

瞭解更多關於CSS列here。

注意：支持所有現代瀏覽器（帶前綴）和IE 10+。 See here。