我正在使用 Wordpress 和 Bootstrap 3 框架并使用 ...
HTML
<div class="col-md-12">
<?php the_content(); ?>
</div>
... 将页面内容放在页面上。我想把它放在两列 (col-md-6) 中,内容跨越两列。但不确定该怎么做。
最佳答案
您可以保留具有这种结构的 HTML,添加一个简单的类(可能是 column-2
),并使用这种 CSS:
.column-2 {
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
}
了解有关 CSS 列的更多信息 here .
注意:所有现代浏览器(带前缀)和 IE 10+ 均受支持。 See here .
关于html - 使 Wordpress 内容跨越 2 列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31363755/