使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