使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。